The strategy of identify bottlenecks and improve site performance / site latency / site speed. Share the journey how we diagnose the latency issue. I will focus on 3 parts: What we’ve done? What we learned? What I would and wouldn’t do if I could do it again. What was the issue? Some latency…

Some over-engineered examples may harm your code quality. Automate non-repeated tasks that can be done in a few minutes It’s a common mistake that every developer has made before. Developers tend to jump into the solution mode to automate everything without evaluating the return on investment (ROI). Pro Tips: Learn “The Builder’s Trap” Think about Opportunity Cost Think about Maintainence Cost …

A great decision-making process that helps you gain consensus and drive better decisions. The What Decision Maker — Individual(s) who makes the decision and is accountable for its impact on the business Consulted — Individual(s) accountable for providing guidance based on functional expertise and experience, highlighting issues and raising alternatives to support…

Simplified version of how browser works with a curated list of great resources High Level Architecture Chrome has a multi-process architecture. Each module executes in one or multiple separated processes. For example, each tab may have its own renderer process. Navigate to a URL While typing, the UI thread needs to parse and decide whether to send…

What does dns-prefetch, preconnect, prefetch, preload, prerender do and when to use them dns-prefetch & preconnect A 3rd party domain, like https://fonts.gstatic.com/ dns-prefetch Resolve a 3rd party domain to an IP address. …

A list of SEO tools that help Web Developers work more effectively. Meta Tags, Screaming Frog, Lighthouse, Broken Links Checker, Redirect Trace, Social Media Preview and more… This post is for Web Developers who work on public-facing web products. There are SEO specialists/consultants working in your organisation. …

6 actionable tips on how to secure your web applications — Know the basics Open Web Application Security Project https://owasp.org/ and its Top 10 Web Application Security Risks https://owasp.org/www-project-top-ten/ Take Actions 🔒 1. Secure HTTP Headers Use Helmet in your Express app. // Simply do this app.use(helmet()); // or if you need "Referer" to identify traffic channels app.use( helmet({ referrerPolicy: { policy: "origin" }, }) );

What I did in my first month as a Senior Technical Lead (Solution Architect) at a new company 1. Know the environment ⛰ Understand the industry and its landscape Where do we play? Who do we compete with? Who do we partner with? How do we win? Know the company What’s the company’s vision? What…

Getting buy-in The What Nemawashi is a Japanese term that translates to “going around the roots.” The concept of nemawashi was then applied in business particularly in decision-making and consensus-building. In business, nemawashi is the act of gathering information and feedback from employees through one-on-one or small group discussions. Much like giving…