In February of this year, Google has began testing the “slow to load” warning labels on their search result by putting a red caution label under links that were slow to load. They have continued testing that further for mobile devices. If Google deems the pages of your website to be slow to load and the person who searched for you is on a mobile device they are now warned with a small yellow caution label.
This goes to show that Google really prioritizes loading speed now. And you should too.
Kissmetric made an infographic showing us how load times can actually affect your bottomline.
Now that you’re familiar with the importance of speed in loading times, learn these quick tips to make your website response much faster.
1. Run your site through a site analyzer
A quick way to measure your site’s loading speed is through a site analyzer. There are a lot of these tools in the web. But the Web Page Analyzer lets you see a bit more insight about general errors that contribute to the slowing down of your website and seeing the “health” of your site in terms of load times. Another site analyzer to bookmark is Pingdom. It allows you to check for broken images and paths, as well as loading time for all of your images and scripts. Broken paths and images can be a major load time killer.
2. Host files locally
If you have a server, it’s better to host image files locally rather than having to pull it up from a file hosting website every time. Put images on your own server and save the time spent for the browser to travel to let’s say Flickr and download the image.
3. Use image tags
Image tags such as this:
<img src=”xxxxx” alt=”xxxxx” width=”000″ height=”000″ border=”0″ />
can make a huge difference when the web browser loads the page. If the browser knows the width and height, it can go right on past the image and let it load in the background while it renders the rest of the page. If an image doesn’t have these tags, the browser has to wait until the image loads before it can go on loading the rest of the page.
4. Go easy on the widgets
Widgets can add a bit of flair and functionality on your website but activating a number of them can really hurt your loading time, and apparently, your bottomline.
5. Use static caching
Caching is taking pages written in dynamic languages like PHP, and turning the result into a static web page. Web servers are incredibly good at serving static files. By turning your dynamic pages into static pages, you’ll reduce load on your server and greatly improve page loading times. Here are some great primers on caching for a few popular languages:
7. CSS shrinker
• white spaces
• line breaks
• remove unnecessary characters
8. Cut back on cookies
Cookies can slow down page load times for websites because they weigh it down, just like cookies IRL. Extra cookies that are set on the user’s browser adds time to each page load. Make sure that you’re only using the smallest possible number of cookies, and also try optimizing cookie usage.
9. Use a different domain for cookie-free resources
In an attempt to optimize cookie usage, try using a different domain for resources that don’t need to have cookies set. This is helpful when you’re using top-level cookies (yoursite.com). Everything downloaded from yoursite.com will have a cookie attached to it. Sites can get around this by using a completely different domain to store the resources that don’t need a cookie attached to them. For example, Yahoo! uses the domain yimg.com to store their resources that don’t need a cookie attached to them.
• Smarty (PHP templating language)