Performance Optimization Tutorial
PAGE WORK IN PROGRESS
how to test (dev tools, google tool), minify, images smaller+compressed, lazyloading, fewer resources (e.g. jquery, fonts), perceived performance (animations)How to test your page speeds
The Basics
Images
Lazy loading
Minifying files
If you're using Eleventy (11ty) you can check ouf the section on minifying files in my eleventy tutorial.
Links
Here are some links to official documentation & other helpful stuff.
I spend hours of my free time writing these tutorials that I publish for free. If you'd like to say thanks, please share this tutorial with others and/or buy me a coffee!
Comments
Leave your questions, problems, suggestions, requests and thanks here!
To share very long code or error messages with me, please upload it to pastebin (or a similar site) and include the link. This is to make sure you don't hit the max character limit on comments.
Comment Widget could not be loaded!