estebanvalencia.com:~# collection/ web-performance/
  • me/
  • books/
  • collection/
  • photos/
  • how-i-help/
Esteban | ˈe-stə-vən - /collection/web-performance/

High Performance Websites

Nov. 14, 2020

Read time: 3 minutes and 30 seconds.

tags:
  • development
  • best-practices
  • web

Google, the internet overlord

“Google it!”

“Check Google”

“Have you Google’d it?”

Common phrases we hear as we go through the process of learning, confirming, and disproving.

Google has a beautiful monopoly on search that has not been questioned in the two decades it’s been in the search engine game. For reference, sources state that Google could have more than 90% of the market share of search while others struggle to get enough traffic to keep the lights on like DuckDuckGo.

My preferred search engines?
Startpage (Like Google, but with respect for your privacy) or Ecosia (They’ll plant a tree for your search!)

More important than which search engine you want to use is the one you want to rank highly on. Since Google has a number of factors encompassed in their Search Engine Results Page (SERP), you want to be on the good side of SERP to make sure your content appears.

Find your problems

Google will always evaluate your page according to five different factors:

  • Meaning of your query - So what information are you looking for?
  • Relevance of webpages - Do the pages in the search provide info relevant to what you are looking for?
  • Quality of content - Is your page a reliable source for what the search is looking for?
  • Usability of webpages - From the pain points on your website, can users find the information they need quickly?
  • Context and settings - Is your site useful and relevant at that moment?

Although these may appear obscure, there are ways to evaluate these piece objectively by leveraging existing tools that will provide you with insights with the problems with your website. Here are a few of the pages I use to evaluate any websites’ performance in general:

  • GTmetrix - A page loading performance analysis (free of charge) that observes where issues exist on your web page
  • Lighthouse - A tool provided by google to evaluate the quality of web pages by highlighting issues that may exist
  • Checkbot.io - A site evaluating the issues that may exist on your page

These tools will always provide insight to ex

What you can do

These issues are not without resolve as there are a number of things you can do for your website to improve the performance. Here are a few “quick fixes” that might be applicable to your website:

  • Serve optimized images - Test out the different layouts your website would likely be used on; Desktop, Mobile, Tablet. See what the maximum size needed for your resources might be since Google is not a fan of oversized or undersized images served as resources.

  • Remove render-blocking resources - Does your site depend on Javascript, CSS or other plugins up front? Consider moving them to the end of your website if they are not essential for the functionality of your website

  • Minify resources - Sometimes tabs, spaces and new line blocks can expand the size of your CSS or JS. Use a service to minify your code in advance of uploading. For wordpress sites, there are plugins that can help you accomplish this or similar services online such as Javascript Minifier or Website Planet.

  • Add expiry headers - Create a .htaccess file that defines the rules set for the configuration on your website’s server. I found this to be a helpful starting point for a general website, but it change it as you deem fit for your website and purposes. These are basically instructions to visiting computers on how long to cache an asset on the visitors’ machine before trying to redownload the item from the website.

  • Sitemap - Just make sure you have a sitemap on your website. This tends to be an out of the box feature for most websites, but in the event it’s missing from yours, you are going to have a difficult time being found in organic search with Google or others.

Test, test, test

This is a given, but leveraging the assets in the previous section for testing such as Lighthouse and GT Metrix can do a lot of your heavy lifting when identifying existing issues. My workflow works as follows:

  • Publish a new page
  • Run lighthouse or GT Metrix
  • Determine what issues exist, if any
  • Prioritize the issues with the largest impact on overall time
  • Search online for the answers to the issue, relying mostly on stackoverflow; Here’s an example search: “Avoid chaining critical requests stackoverflow”

This is an iterative process that will vary by what setup you might have in website design and deployment. However, these are crucial steps in ensuring your website is not hurt by the internet overlords. #techtyranny

Terms and Privacy - Index
“If you are pained by external things, it is not they that disturb you, but your own judgment of them. And it is in your power to wipe out that judgment now.” - Marcus Aurelius
Last Build: Monday March 24, 2025 at 10:51 PM (Eastern Time)