Reduce the Size of Your Images
Images take up a lot of bandwidth on a web page, thus slowing the page down greatly. However, optimizing images through scaling and compressing is a great way to prevent this slow down.
- Scaling: Large images can be scaled down with CSS, but they must be scaled before they are uploaded onto a site. Why? A scaled image may have less pixels, but because it was loaded at original size a user’s browser will have to work harder to load that image on their end.
- Compression: Images can be compressed using online tools. These tools simply reduce the size of an image without sacrificing quality. They can then be reduced by as much as 80% of their original size.
Optimize Your CSS
- get rid of all of the coding that is not needed in your files:
- compress CSS files. Unused, unneeded data simply slows down a web page.
Implement Browser Caching
Browser caching is a great way to speed up a web page. Caching allows websites to temporarily store data on a user’s device so that, that data doesn’t have to load each time a user comes back to a page. The length of time data can be stored depends on your cache settings and the user’s browser configuration. Browser caching can be setup through your Content Management System (WordPress) or by using resources like Apache, Nginx or IIS.
Here are some more tricks that can help you reduce page load time. Gone in 4 seconds: The nedd for website speed infographic courtesy of DigitalNext.