Optimizing WordPress Websites
22 Oct
Website Speed
Recently a web client asked me if I could figure out why their page was loading so slowly. Simple enough question on the surface. Like any sensible web engineer I immediately opened Firefox enabled the Firebug plug-in and went to Net Panel. It was clearly evident after poking around for a few minutes that the WordPress site in question, which I built but didn’t do the design and image work for, was sized at just over a megabyte of which ~50% was images. In the scramble to get the site up and running I just took the images the designer handed me and plugged them in without any further thought then “Hey, those do look very good!” I informed the client that the images were hogging up a good bit of bandwidth and they should have a graphics expert put the images on a diet via PhotoShop. However, that other 50% of overall slowness that was not related to the images nagged at me.
Within the hour I had mentally resolved to figure out why the rest of the site was slow and apply anything learned to improving current and future site builds. My basic game plan after googling for a few hours and discovering YSlow was as follows:
- Serve the HTML gzip’ed and cached
- Serve the CSS/JS gzip’ed and cached
- Reduce the number of overall requests by combining CSS/JS files where possible
- Add Expires Headers
- Move as many images as possible externally







Recent Comments