There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
This deserves a github repository .
like Awesome web performance..
Nice! Lots of goodies in here and this is a great checklist.
The CSS section should have something like:
“Inline Your Critical CSS” which reduces the number of requests and helps with render blocking.
Done!
Nice thanks! I didn’t know about that Library.
Just dope?
What can I say, it's just what I needed to do that 😆
Yo that's dope.
Just dope?
Recursion
Hello, very good advice, it is also important to integrate Push Notifications in your website or online store for greater performance in the communication area, to carry out Ad campaigns, promotions, events, etc., I invite you to use the Indigital Service, you can carry out Marketing Campaigns Free for 30,000 devices, it is excellent and very easy to install, here is the Documentation: docs.indigitall.com/es/
Amazing list you put there!! 🎉🎉 Thank you!
I have a few additions there you might want to include:
Impressive list, very complete!
You could add a
critical-pathsections, there may be some tools / techniques here for you to add to yours:github.com/addyosmani/critical-pat...
:)
The article already links to Addy Osmani's Critical library.
THIS IS A GODSEND!!!!!!!!
How long did this take you to prepare?
Nice!!! Thanks
Excellent list. Please add JMeter under testing tools.
content-visibility - limited browser support right now.
web.dev/content-visibility/
caniuse.com/css-content-visibility
I would add this one: Serve Modern Code to Modern Browsers for Faster Page Loads web.dev/serve-modern-code-to-moder...
That's already in the article :-)
Sorry I completely missed it! 🙃
How many of these amazing posts do you make? 😀 I guess I just got to go read all of them.
:-) thanks!
Impressive, thank you! We've also published a guide to responsive images and adaptive delivery technology, an easier way to serve responsive images: dev.to/uploadcare_/a-practical-gui...
Btw, if you're looking for a CDN for a media-heavy platform, here's a comparison of the 10 best solutions: bit.ly/3oYxr5E
This is very useful list
Thanks I can create my own checklist now
To lazy loading, I'd also add the browser implementation described at web.dev/browser-level-image-lazy-l...
Awesome list for web perf
Also a follow up: add AVIF format to images
reachlightspeed.com/blog/using-the...
done!
Thanks a ton for collating them.
Please follow instagram : @master_javascript
The suggestion to combine CSS and other types of files, is that still true in the age of http2 and the probably soon coming of http3?
HTTP requests are still expensive. I personally make an exception to bundling for very large JS files (which you should avoid in the first place). In the past, with benchmarking, I found that bundling small files = performance gains but bundling large JS files = more execution time.
There are limitations to bundling due to file size, but also, HTTP/2 adoption isn't universal. You may be interested in this other article about bundling.
There is definitely a way to bundle correctly. For example, if you generate different bundles on every build, you have to consider that the user never gets to cache your assets.
That's just awesome. 👏💯