To those asking about speed -
A lot of a website’s loading speed is a byproduct of employing best practices when building the site. For example, when I come across a site that loads slowly, I find it’s often because whomever built it bought a bunch of 3000-4000 pixel wide stock photos from a stock photo site, and then reduced them using CSS instead of an image editor. As a result, the server is delivering images that are many megabytes in size when they should be a few hundred kilobytes. Also, not declaring implicit width/height in the image attributes causes layout shifts when the page loads. This can hurt the Lighthouse Performance score. Poorly written third-party JS scripts delivered by CDNs are another big offender. Loading many Google fonts (and especially unused styles/weights can slow down a site.
I have no difficulty in getting websites to rank 95 or above on Lighthouse, even using un-minified files and without using .webp images, but I wouldn’t consider Lighthouse to be that indicative of real-world performance.
Here’s a site I built in BSS that scores 97 on Lighthouse on desktop and a positively AWFUL 35 on mobile!
It has a full 1920px by 1080px background video on the homepage that is loaded on the mobile site, and yet on my cheap 4G Verizon phone that gets around 50-60 mbps download speeds the site loads in about a second.
Unless you know your website’s target audience stuck on 3G, I wouldn’t get too worried about Lighthouse Performance scores. They simply don’t reflect real-world experiences.
Hello to all,
First of all, thank you for your super positive feedback.
To meet this speed, it is not just about design, a lot of optimization time has been done, here are some key steps:
Optimize and have a ‘dedicated, vps’ server get out of shared.
Only look at “google mobile” performance, desktop is to be banned in 2022.
Create your own custom code and don’t depend on x plugins, x CDN
Optimise your images as my colleague above said.
and above all bring your own touch of passion!
(I have been developing for 15 years, webdesign, I use Bootstrap 3.0 and now 5.0 and BSS, I was also lead fullstack developer in a big agency in France, but I made the choice to leave for my own company, so the optimization was a criterion to pass in front of my competitors, objective successful in 2 weeks).
In my objectives I also try to work all over the world in addition to my region (France, Switzerland), because I am an official seller of “red dead redemption via CFX” scripts ^^