53% of mobile site visitors leave a page that takes longer than 3 seconds to load. The faster your mobile page is loading the greater the engagement from the visitors. For example, as the mobile page loading time goes from 1s to 3s, the probability for the visitors to leave ("bounce") your page increases 32%. 1 to 5 seconds of loading time increases the probability of the visitors leaving your website for 90%. So, if the loading time of your website on a phone is more than 3 seconds, you will want to optimize it. Take two steps. First, check the loading time of your website.
Second, focus on repairing the most critical areas of your webpage.
For example, you may want to focus on reducing the size of your media files as they are usually the ones that slow it down.
You may want to specify the width and height of the images. This is usually done in CSS, but if you have a host with an in-build option to enter the dimensions, make sure to set an explicit width and height on image elements.
You may want to eliminate render-blocking resources, which are resources like scripts and stylesheets that prevent a webpage from displaying content quickly. For example, what blocks your page from loading quickly can be a <script> tag in the <head> section. Also, a <link rel="stylesheet"> tag is render-blocking if it lacks the "disabled" attributed.
Finally, you want to optimize the Largest Contentful Paint (LCP). The LCP is a key performance metric that measures how long it takes for the largest visible content element (like an image, video, or text block) to load and appear on the screen. This element is often the main content users need. A faster LCP means they get to see and engage with the page’s most important part sooner. An ideal LCP should occur within 2.5 seconds of a user starting to load the page. Upgrading hosting or using a content delivery network (CDN) can improve the LCP.
The lower the number of individual pieces of content the better. You most certainly do not want to overcrowd your page with a lot of content. Automotive, retail, and technology industries are among the industries with the highest rate of content per page. For instance, the average number of pieces of content for automotive industry across the USA, Japan, Germany, and the UK is 124.5. This is significantly more than the recommended "fewer than 50".
Although it is understandable to have a lot of items of content on a page, this is a very poor practice in the long run. Instead, make sure your website content is visible and easy to navigate through. If you have a lot of content, create multiple pages to host the content, and a user-friendly search button. Have the users search through your website to find what they need. This way they spend more time on your website, your click-through rate is higher, and your website looks much cleaner and accessible. This is what all users love!
.png)
Reducing average page weight (measured in bytes) is essential for optimizing website speed and user experience. Ideally, a page should be less than 500KB to load quickly and efficiently on your phone. However, this target is challenging to meet, especially for content-heavy or visually rich sites. Therefore, keeping page weight under 1.5MB is a reasonable goal to balance the performance and content quality.
For example, the average page weight of U.S. technology companies is around 2.3MB. This size significantly exceeds the recommended limits, contributing to slower loading times, which can frustrate users and potentially impact SEO rankings. Excessive page weight not only delays page rendering but can also lead to higher bounce rates, especially among mobile users who may have limited data.
1) Statista
2) Google Docs
3) Think with Google
