We all want to lazy load images below the fold for best performance. But what if an image is ABOVE the fold on desktop, but BELOW the fold on mobile?
If you want use icons on your site without loading a bulky dashicons.min.css file, remove dashicons and use HTML entities or emoji codes instead.
Photos are typically the heaviest components of a webpage to load, so it is important to optimize them correctly. There is quite a bit to image optimization, but in this post we just look at compression.
I wanted to delay jQuery and all scripts that depend on it until user interaction. Every solution I tried had a problem, until the solution I found to actually work for me.