How to improve web page speed in Mobile

There are several benefits of website page speed optimization. Fast sites rank better in search engines. Google has specifically stated that one of their ranking factors is site performance, especially for mobile users. Speed optimization reduces server load. A fast website increases conversions. Fast page loads make happy customers, and happy customers buy more.

To improve page speed in mobile, please follow below very easy steps before make website live.

  1. Optimize images: Reduce the size of extra large images for mobile. Average size of mobile web page is 2.5 mb.
  2. Minify Resources: Minify the HTML, CSS and JavaScript to reduce the page size and requests. Minimize too many server HTTP requests.
  3. Implement rel=”noopener” after the <a href target=”_blank” > so it will become <a href="pageurl" target="_blank" rel="noopener" >.
  4. If your site is using iframe then please put the iframe title too, before the link. like – <iframe title = "iframe title" src ="iframe-url" >
  5. Make sure that your critical and major scripts (css and JS) already implement “Async” or “Defer” tag like below
    <script src="https://sitename/public/js/custom.js" defer> </script>
  6. Check your website lighthouse report, If you find any issue related to color or contrast ratio, then press ctrl+shift+J then click on that particular problematic text and then left side – go to color option under elements, select above 2.2 contrast ratio for 14 or 16px character, copy that color code and implement in that text code.
  7. If your website contain any third party link (like – YouTube, Facebook), then please reduce network payload time, by adding below rules in head section
    <link rel="dns-prefetch" href="">
    <link rel="preconnect" href="">

    <link rel="dns-prefetch" href="">
    <link rel="preconnect" href="">