Some useful tips and suggestions on how to improve your website performance and speed across any coding website platform or servers.
-
Do update your site to HTTP/2 to improve delivery
-
Use modern CSS like grid and flexbox which needs less codes
-
Self-host web fonts alongside a CDN to speed up delivery.
-
Using SVG images where possible for lower file sizes
-
Reduce the number of DOM elements in your HTML for quicker browser parsing and faster layout flows.
-
Use the srcset attribute on img tags to prevent the loading of large images on smaller screens.
-
Minify HTML, JS & CSS
-
Use lazy load to delay the loading of images, iFrames or widgets
-
Load CSS elements for above-the-fold content within style > tags at the top of your HTML.
-
Scan your site for unused CSS for rendering and remove it.
-
Defer JS that isn’t critical for page loading so it loads after the browser has loaded the page.
-
Use loading=lazy to make the browser lazy load images and iframes without having to use a JavaScript library.
