{"id":30751,"date":"2022-11-11T16:54:21","date_gmt":"2022-11-11T23:54:21","guid":{"rendered":"https:\/\/ericasneubauer.com\/?p=30751"},"modified":"2022-11-22T12:36:05","modified_gmt":"2022-11-22T19:36:05","slug":"mobile-optimization-website-speed-tips","status":"publish","type":"post","link":"https:\/\/ericasneubauer.com\/mobile-optimization-website-speed-tips\/","title":{"rendered":"How to speed up a website that’s loading slowly"},"content":{"rendered":"\n
Slow websites are a problem for lots of different reasons- and can have a huge impact on your ability to attract and retain visitors to your site.<\/p>\n
The first big issue is that slow sites are often even slower on mobile devices- which nowadays accounts for more than half of all website traffic. Have you ever tried to look up a restaurant’s opening hours on your phone, only to give up when the page wouldn’t load and decided to eat somewhere else? With inconsistent levels of cellular data available, it’s not acceptable to expect that your website visitors will wait around for 5-10 seconds while your website loads.<\/p>\n
The same applies for desktop browsing- as more people get used to fast loading websites, having to wait more than 3 seconds is likely to cause a user to bounce.<\/p>\n
Besides the immediate drawback of losing site visitors, you may be losing Google ranking from a slow loading website as well, thanks to Google’s core web vitals algorithm change as of July 2021. According to Google, core web vitals are metrics about your page speed and how users experience your website. It measures three things- how long your first largest page element takes to load (usually a photo, slideshow, or video), how long it takes to become interactive (i.e. when a user is able to click a button) and how much the layout shifts as elements load. Your overall score is based on the worst performing of these 3 elements. It seems that Google is using these as a ranking factor (among many) when deciding on how high your website appears on a search engine results page.<\/p>\n
While there can be lots of different reasons why your website is taking too long to load, here are the top reasons why.<\/p>\n
Many people notice their website loading slow, but its hard to know if its just you (poor internet connection?) or if it’s bad for everyone else as well. This is where testing comes in.<\/p>\n
There are many testing options, but I tend to use Google’s PageSpeed Insights<\/a>, mainly because that’s what Google’s algorithm is using. The test shows a mobile and desktop score, and you’ll notice it’s much much easier to score an excellent score (90 or above) on a desktop than on a mobile. However, since Google’s policy<\/a> explicitly states that mobile friendliness is a priority in its algorithm, I focus only that mobile score.<\/p>\n Enter your url into the field at the top of your page and click ‘analyze’ for the results to appear. The first thing you’ll see is 4 colored circles with a number score (out of 100). The speed score is the first circle called “performance”, and any specific issues are highlighted further down the page.<\/p>\n <\/p>\n <\/p>\n First of all, optimize your images. I like the Squoosh app<\/a> for quickly doing images one by one. If you have access to Photoshop, you can do an entire folder in bulk<\/a> without even having to open them up individually (pretty amazing work there Adobe).<\/p>\n Secondly, use a good quality web host. For those on a tight budget, I like using Cloudways<\/a>– for higher budgets, consider WP Engine<\/a> or Kinsta<\/a>.<\/p>\n Third, if you’re on Wordpress, install a performance plugin that aims to reduce any unnecessary code and load scripts that aren’t essential to the design after your page has fully loaded. My absolute favorite is Perfmatters<\/a>, which does all of the above, and also helps with lazy-loading images, including background images. Lazy-loading (where images lower down the page aren’t loaded immediately, or until the viewer scrolls enough to see them) of all images except background images is a feature enabled by Wordpress by default, however Perfmatters handles it in a more sophisticated way. I’ve personally seen some client sites go from a 23 on mobile to a 93 on mobile after installing and configuring Perfmatters.<\/p>\n If your website is loading slowly, don’t despair- and don’t ignore it! By making some tweaks, you can make your website load faster and in turn help boost your user’s experience- turning more visitors into customers.<\/p>\n If you’ve read through my tips and they went right over your head, I can help! As part of my consulting packages, I will audit, test and then implement whatever is needed to make your site load faster.<\/p>\n\t\t\t\n\t\t\t\t\t\t\tBook an free 15 min call\n\t\t\t<\/a>\n","protected":false},"excerpt":{"rendered":" Slow websites are a problem for lots of different reasons- and can have a huge impact on your ability to attract and retain visitors to your site. The first big issue is that slow sites are often even slower on mobile devices- which nowadays accounts for more than half of all website traffic. Have you …<\/p>\nHow to fix a slow loading website and make my website load faster<\/h2>\n
\n\t\tNeed help speeding up your slow website?\n\t<\/h2>\n\t