On mobile, the Telus' website is relatively slow compared to other websites in Canada.
According to PageSpeed Insights the First Contentful Paint (FCP), which is usually the first sight of content one sees to signify that the page is indeed loading, is recorded at 3.3 seconds. Note for First Contentful Paint to be considered good, it should be less than 1.8 seconds. The Largest Contentful Paint (LCP) which usually is the largest asset on the page is recorded at 5.2 seconds. This generally means the user will have to wait for a little over 5 seconds for the page to have loaded the important contents in the viewport.
The general assumption is that if a page takes more than 5 seconds to load, user frustration starts to sky rocket. With the Telus' website, this seems to be the case.
There are quick fixes that can be implored to fix the speed issues with the website. Using Chrome DevTools (Show Coverage), you can see what portion of the assets being loaded on the page are actually used. An asset, /vendor.js which is about 2MB with 60% left used on the home page, there are other assets that can be optimized. Eliminating unused CSS and JS, could play a huge role in reducing both FCP and LCP.
Taking a closer look under the hood, There are several JS files at the top of the head tag, all of which will have to compile before CSS starts to render. Read more about addressing FCP issues in our weblog, How big Is Your Head Tag to learn more about how to reduce the white screen presented to users before the content begins to render.
Would love to experiment rearranging the head in this order:
Feel free to contact Knfrmd on more tips.
