7
15 Comments

How have you increased your website speed?

What steps have you taken to make your website load faster? Has website loading speed ever been a problem for you?

on December 1, 2019
  1. 2

    I used Google pagespeed module for NGINX and switched to http2, which resulted in quite substantial improvements, but I guess that depends on the case.

  2. 1

    Yes, The speed of my mobile website was slow and the users did not have a very friendly experience staying on my website. I approached website speedy with the issues I had with my site. Then website speedy tool Optimize my website and help me to improve my website performance and fix core web vitals in some simple steps. The speed score for my website was 28 and after using website speedy tool, it went straight to 80. Try the tool yourself!

  3. 1

    I got to under 200 millisecond DOM load speed and 99% Google Page Speed score by grabbing a static copy of our WordPress site with wget, uploading to AWS S3, and serving via CloudFront.

    And static hosting is 100% worry free. And de-facto cost free.

    1. 1

      So this is your whole site, right? You basically server render it and just serve the static html/css/js through S3.

      1. 1

        Yep, the end-user facing plain website, excluding eCommerce and support. The website is made with WordPress just as usual, but when deploying basically a bot crawls through website, hosted from developer machine or CI (not any persistent server), and saves each page as static html/css/js to disk, which then get uploaded to S3.

        1. 1

          how did you exclude the eCommerce and support parts? Are those pages hardcoded in your crawl script?

          1. 1

            Exactly, the crawling part can just exclude eCommerce URL.

  4. 1

    Yeah 🤘🤘
    That's the question I'll love to answer.

    So coming to topic, earlier when I started building sites I had lot of issues with site speed. I took a few steps to solve them.

    • Minimized Server Side Code
    • Moved whole site to CDN much like JAMSTACK
    • Integrated Service Worker on my site and made it PWA
    • Reduced all excessive JavaScript code
    • Made sure my DNS provider is actually good (The last bit to and "SPEED")

    I wrote a complete article too, a bit old. Will update soon.

    Also here is my speed score https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https://nutpanda.com

  5. 1

    Have smaller pages with less images and less 3rd party JavaScript plugins (marketing tech stuff is the worst)

    Lighthouse, and move everything behind eg CloudFront (or CloudFlare.)

    The Trolley homepage is a static site in S3 with CloudFront, and I've spent a few hours (no more) tuning it for speed. It's scoring 90's in Lighthouse (Chrome) now.

  6. 1

    I'm launching a product that keeps track of your website speed named pages100. And I'm in the middle of writing some documentation about how to make your website faster.

    Here are the key points.

    • Analyse with google lighthouse first. They create a great todo list of things to fix.
    • Check your hosting. Are things running on most recent versions like HTTP 2 php 7.3? Maybe don't do shared hosting?
    • Lazy load your images, check if image sizes are correct, compress images.
    • Are all scripts you load necessary on that page? Combine and compress js, css files.
    • If you have all these things correct check your serverside and client site caching. If you run on WordPress there are a couple plugins that do this very good. Like WP rocket, WP Super Cache.

    And remember all things you want on the website is extra loading time. Think about custom font's, Google Analytics code, icons, FB Pixel and youtube embeds.

    https://pages100.com/website-speed

  7. 1

    I've spent some time recently optimizing my site. I'm on WordPress and there are plugins that make the process easy:

    • I picked a lightweight theme (recent default themes are great, modern and fast to load)
    • I removed any third-party connection that was not necessary (fonts, social media sharing buttons, analytics...)
    • I enabled lazy load on all the images and videos
    • I aggregated and minified all the scripts so there are fewer calls in total

    I wrote a guide on my process to score 100 on PageSpeed Insights if you want more details: https://markosaric.com/speed-up-wordpress/.

  8. 1

    I used Google lighthouse to identify potential issues in performance and put the site behind Cloudflare. Cloudflare makes a huge difference in terms of speed.

  9. 1

    A great resource is Google Page Speed Insights. E.g. https://developers.google.com/speed/pagespeed/insights/?url=https://www.indiehackers.com

    @csallen I think you've got some work to do. ;)

    Off the top of my head here are some of the things I've done to my simple landing page to improve load performance:

    • Split, minify, and hash/cache assets (e.g. js, css)
    • Convert from font icons to svg icons
    • Resize and compress images
    • Load smaller background images at narrow browser widths (using media queries)
    • Set up CloudFront for CDN, enable object compression
  10. 1

    I switched to VPS 😊
    Speed increases dramatically. There are a lot of those cheap ones (VPS) out there 🤑

  11. 3

    This comment was deleted 6 years ago

    1. 2

      Yep, identifying problems is key before fixing stuff. You might have a blazing fast backend but push a megabyte of JS to a mobile user and lock up their devices for seconds while it’s being parsed.

      Google Lighthouse is a useful tool for optimizing performance. It does a long list of checks, many that are quite small things but together can make a big difference to performance. Like making sure you have sensible cache headers, use gzip, don’t serve too big images, etc. personally I haven’t golfed it quite to 100 points yet but I got it from mediocre to ok with relatively little effort.