

This is because the images are made in a format which makes them easier to manipulate in different ways. The images you create in programs like Photoshop and Illustrator look amazing but often the file sizes are very large. Use efficient CSS selectors (deprecated)Īnalyze What is optimizing images for the web?.Specify a viewport for mobile browsers (deprecated).Specify a Vary: Accept-Encoding header (deprecated).Serve static content from a cookieless domain (deprecated).Remove query strings from static resources (deprecated).Parallelize downloads across hostnames (deprecated).


Use explicit width and height on image elements.Serve static assets with an efficient cache policy.Replace large JavaScript libraries with smaller alternatives (deprecated).Remove duplicate modules in JavaScript bundles.Lazy load third-party resources with facades.Keep request counts low and transfer sizes small.Ensure text remains visible during webfont load.Don't lazy load Largest Contentful Paint image.Avoid serving legacy JavaScript to modern browsers.
