Optimize website for PageSpeed

100/100

Fast and lean websites are cool. Response time is very important, because everyone knows that the longer it takes to load a page, the worse world becomes. Thats why we have to prevent it.

Things to consider:

  • optimized server configuration (response time under 200ms) with gzip and cache enabled
  • inline css for immediately visible things
  • getting rid of unecessary css/js
  • minify css/js and optimizing images (I use Gulp.js)
  • getting rid of google web fonts and using system ones
  • replacing icons with SVG counterparts

  • if we use Google Analytics (which has pretty short cache time😞) we can cheat PageSpeed with following magic trick:

1
2
3
4
5
<script>
if (navigator.userAgent.indexOf("Speed Insights") == -1) {
//analytics code
}
</script>

Effect