Sorry, nothing in cart.
Magento is a powerful e-commerce open source software which comes with various in built modules to help your setup things quickly. Magento themes is something which you have to take care of yourself. A majority of the ready made themes does not follow all the golden rules of creating a fast site. So, once you are ready with your store and everything is working for you all you have to do is look for all the problem areas and tackle them one thing at a time. Here are the 10 optimization tasks you should perform on your Magento store.
- Use CSS Sprites (Image Sprites): CSS or Image sprites play a major role in speed optimization. An image sprite is a collection of images put into a single image and called via specific CSS classes so that page doesn’t take long time to load and sends multiple requests to server. Using image sprites will reduce the number of server requests and save bandwidth. In simpler words, CSS sprites reduce the total number of http requests, can reduce the total size of the images, and decreases your pages load time. Goal here is to “Make Fewer HTTP Requests”.
- Remove Unused CSS or JS code: We have noticed that in many themes, there are lots of unused code written which unnecessarily adding up to the file size. Removing all unused code is considered good for optimization. Goal here is to further “Reduce file size”.
- Use Content Delivery Network (CDN): CDN or content delivery network is a system of strategically placed servers around the globe so the client can access to the requested file from the closest server. The user’s proximity to your web server has an impact on response times. Deploying your content across multiple, geographically dispersed servers will make your pages load faster with less latency from the user’s perspective. Moreover, CDN also helps you in reducing web-server load drastically. Goal here is to “Parallelize file requests across multiple hostnames”.
- Perfect Placing: As per Yahoo ySlow placing of JS and CSS file is equally important. Always put CSS calls at top (under head section) and JS file calls in footer (bottom section). Use external CSS and JS as both are cached by browsers for subsequent page views.
- Placing too many widgets or external codes is a big NO: One of the major problem with many slow loading sites is external widgets or codes which can’t be cached. E.g. You place a facebook Like Widget and Google Ads on your page, when the page loads it makes a call to those two sites and waits for the request to be fulfilled, which is not ideal situation. Goal here is to “Reduce DNS Lookup”.
- Add Expires or Cache Control Headers: Using the Expires header you make page components cacheable for the first time visitor thus we avoid unnecessary HTTP requests on subsequent page views. Expires headers are used for images, CSS, JS or flash components (Static objects). For dynamic objects we use cache control headers to help the browser with conditional request.
- Enable Gzip compression: Although, this is a server specific task but plays a major role in speed optimization. Gzipping generally reduces the response size by about 70%. Approximately 90% of today’s Internet traffic travels through browsers that claim to support gzip.
- Other Important Factors: Use caching mechanism, varnish reverse proxy caching, Configure ETAGs, Use cookie free domains, make Favicon small and cachable, avoid URL Redirects, avoid HTTP 404 (if possible).
Other Helpful Articles:
I would love to hear your optimization experiences, please leave me a comment and let me know. Subscribe our RSS to receive latest Magento updates.