{"id":1560,"date":"2018-07-05T05:59:54","date_gmt":"2018-07-05T05:59:54","guid":{"rendered":"http:\/\/govinddas.com\/?p=1560"},"modified":"2018-07-05T11:20:26","modified_gmt":"2018-07-05T11:20:26","slug":"optimize-speed-wordpress-sites","status":"publish","type":"post","link":"https:\/\/govinddas.com\/index.php\/optimize-speed-wordpress-sites\/","title":{"rendered":"Optimize and Speed Up WordPress Sites"},"content":{"rendered":"<h2><span style=\"color: #000000;\">In Nutshell<\/span><\/h2>\n<p><span style=\"color: #000000;\">Slow load times don\u2019t only create a bad impression about your site to your visitors,\u00a0<a style=\"color: #000000;\" href=\"http:\/\/www.quicksprout.com\/2012\/12\/10\/how-load-time-affects-google-rankings\/\" target=\"_blank\" rel=\"noopener\">it\u2019s also bad for your SEO<\/a>.<\/span><\/p>\n<p><span style=\"color: #000000;\">You can monitor the current load times of your site by performing\u00a0<a style=\"color: #000000;\" href=\"http:\/\/tools.pingdom.com\/fpt\/\" target=\"_blank\" rel=\"noopener\">Pingdom\u2019s Site Speed Test<\/a>. A load time of under 3 seconds is decent, under 2 seconds is impressive, and even less is blazing fast!<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8983\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/techtage-loading-speed.jpg\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/techtage-loading-speed.jpg 589w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/techtage-loading-speed-160x51.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/techtage-loading-speed-400x128.jpg 400w\" alt=\"techtage-loading-speed\" width=\"589\" height=\"189\" \/><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #000000;\">You can also find useful information about your site\u2019s current performance and areas in which it can improve by testing your site in\u00a0<a style=\"color: #000000;\" href=\"http:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Google PageSpeed Insights<\/a>. Remember, a good PageSpeed score isn\u2019t always the best possible thing for your site,\u00a0<em>an unbelievably tiny load time is<\/em>.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #000000;\">WordPress, as a platform, is extremely well coded. However, some people mess their WordPress installations up by installing tons of low-quality plugins, choosing an awful web host, and filling their site with heaps of\u00a0<em>garbage<\/em>.<\/span><\/p>\n<p><span style=\"color: #000000;\">Even if\u00a0<em>you<\/em>\u00a0don\u2019t do something as stupid as these with your site, there\u2019s still a lot of room for improvement when it comes to speeding up your WordPress site. I optimize around 8-10 WordPress sites in an average month, and there are a few techniques\u00a0I always leverage to optimize and speed up WordPress sites.<\/span><\/p>\n<p><span style=\"color: #000000;\">Here are a few ways (some well-known, some not) you can improve the performance of your \u00a0WordPress sites:<\/span><\/p>\n<h2><span style=\"color: #000000;\">#1: Choose A\u00a0Good Web Host<\/span><\/h2>\n<p><span style=\"color: #000000;\">You can think of optimizing your WordPress site only after you surely know that\u00a0<em>it\u2019s not your host that\u2019s slowing down your site<\/em>. Recently, I\u2019ve been optimizing a site which was hosted on GoDaddy, which is, of course, one of the most horrible hosts out there that puts thousands of sites on a single shared server. As a result, their servers are damn slow. You have to make sure\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/2013\/06\/choosing-a-web-host-6-common-mistakes-bloggers-make\/\" target=\"_blank\" rel=\"noopener\">you don\u2019t make these mistakes while choosing a web<\/a>\u00a0host that most beginners make.<\/span><\/p>\n<p><span style=\"color: #000000;\">Like I always recommend, go visit some community like WebHostingTalk that\u2019s filled with Web Hosting enthusiasts. Read some genuine reviews of the host you were planning to go with, before\u00a0<em>actually going with them<\/em>. I came to know about\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/go\/mddhosting\/\" target=\"_blank\" rel=\"nofollow noopener\">MDDHosting<\/a>, the host that we\u2019re on since 2011, from WebHostingTalk. And I thank myself everyday for doing some actual research instead of going with\u00a0<a style=\"color: #000000;\" href=\"http:\/\/www.mikedvb.com\/2010\/03\/21\/beware-of-web-hosting-review-and-top-10-web-hosts-sites\/\" target=\"_blank\" rel=\"noopener\"><em>just another crappy top-10 \u2018unlimited everything\u2019 host<\/em><\/a>.<\/span><\/p>\n<p><span style=\"color: #000000;\">Read my\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/2013\/08\/mddhosting-review\/\" target=\"_blank\" rel=\"noopener\">MDDHosting Review<\/a>\u00a0to know how a great web host can benefit you and save you hassles in the long run.<\/span><\/p>\n<p><span style=\"color: #000000;\">If you wish to receive WordPress-specific support from your host, you can try a managed WordPress host.\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/go\/wpengine\/\" target=\"_blank\" rel=\"nofollow noopener\">WPEngine<\/a>\u00a0is a fast growing reputable host that specializes in WordPress hosting. More \u201cwell-known\u201d options include\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/bluehost-review\/\" target=\"_blank\" rel=\"noopener\">BlueHost<\/a>\u00a0and\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/inmotion-hosting-review\/\" target=\"_blank\" rel=\"noopener\">InMotion Hosting<\/a>.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#2: Use A Fast Theme\/Framework<\/span><\/h2>\n<p><span style=\"color: #000000;\">You need to start with a fast and well-coded WordPress theme or framework. If you choose a theme packed with lots of additional features that you don\u2019t need, it\u2019ll negatively impact your site performance.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7185\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/How-Fast-is-Fast.jpg\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/How-Fast-is-Fast.jpg 580w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/How-Fast-is-Fast-160x141.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/How-Fast-is-Fast-400x352.jpg 400w\" alt=\"How-Fast-is-Fast\" width=\"580\" height=\"511\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Last time I dealt with a heavy theme and framework, I had to put in more than 8 hours to optimize YooTheme\u2019s Subway theme, to make it faster and improve the load time of the site from 5.5 seconds to 1.8 seconds.<\/span><\/p>\n<p><span style=\"color: #000000;\">Unless you\u2019re a total code-illiterate, don\u2019t choose a theme that allows you to change everything directly from the theme options, making your job easy. Generally,\u00a0<em>it also makes the job harder<\/em>\u00a0for your web server and browser. Too much PHP, JavaScript, Iframe isn\u2019t good for your site\u2019s speed.<\/span><\/p>\n<p><span style=\"color: #000000;\">The default WordPress themes are incredibly well-coded, light-weight, very fast and easily customizable. If you can handle a little bit of code or hire a developer, choose one of those to build something great on top of them. I tweaked the default WordPress Twenty Thirteen theme for this site and it\u2019s getting the job done very well.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#3:\u00a0Install A Caching Plugin<\/span><\/h2>\n<p><span style=\"color: #000000;\">The second most effective way (the first being choosing a good web host) to improve your site\u2019s load times is to install a caching plugin. As soon as you install a plugin like\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener\">W3 Total Cache<\/a>\u00a0or\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener\">WP Super Cache<\/a>, you\u2019ll be able to tell that your site loads faster.<\/span><\/p>\n<p><span style=\"color: #000000;\">In simple words, when a caching plugin is active on your site, it servers users cached copies of your pages. It greatly reduces MySQL database access, no. of PHP requests, server access for static resources, and even HTTP requests (in case of combining multiple files into one).<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6765\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/wordpress-caching-plugins.jpg\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/wordpress-caching-plugins.jpg 530w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/wordpress-caching-plugins-160x74.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/wordpress-caching-plugins-400x186.jpg 400w\" alt=\"W3 Total Cache\" width=\"530\" height=\"246\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">W3 Total Cache is one my most favourite WordPress plugins. It offers a variety of caching features:<\/span><\/p>\n<ul>\n<li><span style=\"color: #000000;\">Page Cache<\/span><\/li>\n<li><span style=\"color: #000000;\">Minify<\/span><\/li>\n<li><span style=\"color: #000000;\">Object Cache<\/span><\/li>\n<li><span style=\"color: #000000;\">Database Cache<\/span><\/li>\n<li><span style=\"color: #000000;\">Browser Cache<\/span><\/li>\n<li><span style=\"color: #000000;\">CDN<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000;\">Initially, you don\u2019t want everything enabled. You can still safely enable everything except Minify and CDN (unless you want to use a CDN).<\/span><\/p>\n<p><span style=\"color: #000000;\">Minify breaks some other heavily JS-based plugins unless you specifically tweak it. On the other hand, you should tweak the Browser Cache settings to utilise the full potential of browser caching.<\/span><\/p>\n<figure id=\"attachment_7181\" class=\"wp-caption aligncenter\"><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7181\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-1.jpg\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-1.jpg 443w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-1-160x125.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-1-400x312.jpg 400w\" alt=\"W3-Total-Cache-1\" width=\"443\" height=\"346\" \/><\/span><figcaption class=\"wp-caption-text\"><span style=\"color: #000000;\">You generally want to enable all those in the \u2018Browser Cache\u2019 section for all common file types.<\/span><\/figcaption><\/figure>\n<figure id=\"attachment_7182\" class=\"wp-caption aligncenter\"><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7182\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-2.jpg\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-2.jpg 378w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/W3-Total-Cache-2-160x38.jpg 160w\" alt=\"The value of 'expires header lifetime' should be as high as possible. 604800 seconds = 1 week\" width=\"378\" height=\"90\" \/><\/span><figcaption class=\"wp-caption-text\"><span style=\"color: #000000;\">The value of \u2018expires header lifetime\u2019 for different file types should be as high as possible. 604,800 seconds = 1 week<\/span><\/figcaption><\/figure>\n<h2><span style=\"color: #000000;\">#4: Try a\u00a0CDN to Speed Up WordPress<\/span><\/h2>\n<p><span style=\"color: #000000;\">Offloading the static resources of your site, like images, scripts, css files, can speed up your site. Not only those resources will load faster for visitors, if you use a CDN, your primary server will have less load to handle and thus will deliver significantly better performance while serving the rest of your site.<\/span><\/p>\n<p><span style=\"color: #000000;\">Generally, those static resources will be served to your visitors\u00a0<em>by the server closest to them<\/em>. That will ensure the\u00a0<em>heavy part of your site<\/em>\u00a0loads as fast as possible for your users.<\/span><\/p>\n<p><span style=\"color: #000000;\">There are quite a few Content Delivery Networks out there. But one that\u2019s really easy to setup on WordPress sites is\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/go\/maxcdn\/\" target=\"_blank\" rel=\"nofollow noopener\">MaxCDN<\/a>. I\u2019ve been using MaxCDN since the beginning of this year and it has helped us shed around 1.5 seconds off our load time.<\/span><\/p>\n<p><span style=\"color: #000000;\"><a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/go\/maxcdn\/\" target=\"_blank\" rel=\"nofollow noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7186\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/MaxCDN-W3-Total-Cache-600x248.png\" alt=\"MaxCDN-W3-Total-Cache\" width=\"600\" height=\"248\" \/><\/a><\/span><\/p>\n<p><span style=\"color: #000000;\">\u00a0You can also set it up within 5 minutes using a caching plugin like W3 Total Cache, as I described in my\u00a0<a style=\"color: #000000;\" href=\"https:\/\/techtage.com\/2013\/08\/maxcdn-review-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">MaxCDN Review<\/a>.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#5: Enable Gzip Compression<\/span><\/h2>\n<p><span style=\"color: #000000;\">You should serve compressed versions of your site to your visitors, as they\u2019ll be less in size and will generally load a lot faster.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7196\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/gzip.png\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/gzip.png 386w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/gzip-140x180.png 140w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/gzip-310x400.png 310w\" alt=\"Gzip Compression\" width=\"386\" height=\"498\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">The best option is to enable Gzip compression straight from cPanel (if your host offers you that) if you\u2019re on a shared server. Otherwise, you can enable Gzip compression using a plugin like W3 Total Cache.<\/span><\/p>\n<p><span style=\"color: #000000;\">There are also a few tweaks that allow you to enable it from your .htaccess file. You can simply add this code to the beginning of your .htaccess file to enable server-level Gzip compression for a few known file types:<\/span><\/p>\n<p><span style=\"color: #000000;\"><code>AddOutputFilterByType DEFLATE text\/html text\/plain text\/xml text\/css text\/javascript application\/javascript application\/x-javascript<\/code><\/span><\/p>\n<h2><span style=\"color: #000000;\">#6: Install Well-coded Plugins<\/span><\/h2>\n<p><span style=\"color: #000000;\">There are literally tons of plugins available for WordPress. That doesn\u2019t mean all of them are well-coded. You should always install plugins that are well optimized for the latest version of WordPress which don\u2019t slow your site down.<\/span><\/p>\n<p><span style=\"color: #000000;\">You should perform some research before installing a below 3-star rated plugin. Often the plugin will turn out to be poorly developed, using inappropriate hooks. It will not only slow down your site, but in a certain cases might also mess up with the functionalities of other plugins and WordPress itself.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7188\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/well-coded-plugin-600x439.jpg\" alt=\"well-coded-plugin\" width=\"600\" height=\"439\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Once in a while, monitor your plugins\u2019 performance and impact on your site\u2019s load time by using a plugin like\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/p3-profiler\/\" target=\"_blank\" rel=\"nofollow noopener\">Plugin Performance Profiler<\/a>. It isn\u2019t 100% accurate but you can observe the trends to know which plugins are really slow and troublesome for your site.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#7: Perform Routine Maintenance on Your Plugins<\/span><\/h2>\n<p><span style=\"color: #000000;\">Plugin maintenance is very important for WordPress sites. If you don\u2019t keep all your plugins and WordPress itself updated, chances are that\u00a0<em>your site will get hacked<\/em>.<\/span><\/p>\n<p><span style=\"color: #000000;\">It isn\u2019t a rule, but older versions of plugins\u00a0<em>are generally more vulnerable to attacks<\/em>. Not only that, newer versions of plugins are in most cases more optimized, faster, and more secure with less or no bugs.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7190\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/WordPress-Maintenance-600x256.jpg\" alt=\"WordPress-Maintenance\" width=\"600\" height=\"256\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">You should also disable, and even\u00a0<em>delete the plugins that you don\u2019t use<\/em>. More plugins doesn\u2019t necessarily mean a slower site, but lots of\u00a0<em>low quality plugins<\/em>\u00a0together will slow down your site significantly.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#8: Optimize Your Database<\/span><\/h2>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7189\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/optimizing-wordpress-database.jpg\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/optimizing-wordpress-database.jpg 500w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/optimizing-wordpress-database-160x118.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/optimizing-wordpress-database-400x294.jpg 400w\" alt=\"optimizing-wordpress-database\" width=\"500\" height=\"368\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">You can optimize your WordPress MySQL database directly from PHPMyAdmin, or by using a plugin like\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/wp-optimize\/\" target=\"_blank\" rel=\"noopener\">WP-Optimize<\/a>\u00a0or\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/wp-dbmanager\/\" target=\"_blank\" rel=\"noopener\">WP-DBManager<\/a>.<\/span><\/p>\n<p><span style=\"color: #000000;\">These plugins are capable of deleting all your pending spam comments, trashed posts, auto-saved drafts, post revisions to name a few. They can also perform general MySQL database optimization queries without you having to access PHPMyAdmin.<\/span><\/p>\n<p><span style=\"color: #000000;\">A well optimized, fast responding database is a huge bonus for a database-driven software like WordPress.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#9: Optimize Uploaded Images<\/span><\/h2>\n<p><span style=\"color: #000000;\">Images are one of the heavier elements of your site. There are a few ways you can optimize your uploaded images.<\/span><\/p>\n<p><span style=\"color: #000000;\">First of all, you should specify the maximum image dimensions for thumbnail, medium, and large sized images. That means, if you upload an image 1024px wide, and your content area is only 604px wide, normally the image will be scaled down using CSS. When you specify the maximum width of your \u2018large\u2019 images as 604px, it\u2019ll then display the pre-resized, 604px wide image, which will be significantly smaller in size.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6767\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/how-to-optimize-your-website-images1.jpg\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/how-to-optimize-your-website-images1.jpg 457w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/how-to-optimize-your-website-images1-160x107.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/07\/how-to-optimize-your-website-images1-400x267.jpg 400w\" alt=\"how-to-optimize-your-website-images\" width=\"457\" height=\"305\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">The second thing you\u2019d want to do is to reduce the sizes of your uploaded images without resizing them, or messing with their quality. Yahoo\u2019s Smush.it is your ally in this case. It is able to losslessly reduce image sizes.<\/span><\/p>\n<p><span style=\"color: #000000;\">And I quote from the official site: \u201cSmush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a \u201clossless\u201d tool, which means it optimizes the images without changing their look or visual quality\u201d.<\/span><\/p>\n<p><span style=\"color: #000000;\">Fortunately for you, you don\u2019t need to visit the Smush.it website everytime you need to compress a couple of images. There\u2019s a WordPress plugin for that! ????<\/span><\/p>\n<p><span style=\"color: #000000;\">The\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener\">WP Smush.it<\/a>\u00a0plugin allows you to upload images normally while it automatically optimizes them using Yahoo\u2019s Smush.it API behind the scenes.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#10: Replace PHP with HTML Wherever Possible in Your Code<\/span><\/h2>\n<pre><span style=\"color: #000000;\">Unless you know what you're doing, don't try this on a serious site.<\/span><\/pre>\n<p><span style=\"color: #000000;\">Plain and simple HTML is a lot faster to process for web servers\u00a0than PHP. If you have a preliminary knowledge about both PHP and HTML, you can replace a few instances of PHP in your site\u2019s code (in themes or plugins) with plain HTML.<\/span><\/p>\n<p><span style=\"color: #000000;\">I always recommend choosing something (to replace) that doesn\u2019t usually gets changed, such as the URL to your favicon, or your site\u2019s name, or your theme\u2019s stylesheet URL.<\/span><\/p>\n<p><span style=\"color: #000000;\">For example, in many themes, functions like these are executed for each page load:<\/span><\/p>\n<pre><span style=\"color: #000000;\">\u00a0&lt;title&gt;<strong>&lt;?php bloginfo('name'); ?&gt;<\/strong> -\u00a0<strong>&lt;?php bloginfo('description');?&gt;<\/strong>&lt;\/title&gt;\r\n&lt;link rel=\"shorcut icon\" type=\"image\/x-ico\" href=\"<strong>&lt;?php bloginfo('template_url'); ?&gt;<\/strong>\/favicon.jpg\" \/&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"screen\" href=\"<strong>&lt;?php bloginfo('stylesheet_url'); ?&gt;<\/strong>\"\/&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"print\" href=\"<strong>&lt;?php bloginfo('template_url'); ?&gt;<\/strong>\/print.css\" \/&gt;\r\n&lt;link rel=\"alternate\" type=\"application\/rss+xml\" title=\"RSS\" href=\"<strong>&lt;?php bloginfo('rss_url'); ?&gt;<\/strong>\" \/&gt;<\/span><\/pre>\n<p><span style=\"color: #000000;\">And when you replace the\u00a0<strong>bold<\/strong>\u00a0PHP functions with simple HTML, it looks like this:<\/span><\/p>\n<pre><span style=\"color: #000000;\">&lt;title&gt;<strong>TechTage - Covering SEO, Web Hosting, Hardware and more...<\/strong>&lt;\/title&gt;\r\n&lt;link rel=\"shorcut icon\" type=\"image\/x-ico\" href=\"<strong>https:\/\/techtage.com\/wp-content\/themes\/techtage\/favicon.jpg<\/strong>\" \/&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"screen\" href=\"<strong>https:\/\/techtage.com\/wp-content\/themes\/techtage\/style.css<\/strong>\"\/&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" media=\"print\" href=\"<strong>https:\/\/techtage.com\/wp-content\/themes\/techtage\/print.css<\/strong>\" \/&gt;\r\n&lt;link rel=\"alternate\" type=\"application\/rss+xml\" title=\"RSS\" href=\"<strong>https:\/\/techtage.com\/feed\/rss\/<\/strong>\" \/&gt;<\/span><\/pre>\n<p><span style=\"color: #000000;\">Plain HTML is around 20-times faster than PHP. A simple way to replace such PHP executions with HTML is to open your site (the page you want to hard-code HTML for) in a normal browser and right-click and click on \u2018view source\u2019. You can simply copy the entire HTML of a portion of your site\u2019s code and replace the PHP in your theme with that. Use your judgement to determine which PHP commands are responsible for which HTML output.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#11: Delete Old Post Revisions<\/span><\/h2>\n<p><span style=\"color: #000000;\">Do you really need 10s of revisions of your old posts\u00a0<em>that have already been published<\/em>a long time ago? You probably don\u2019t.<\/span><\/p>\n<p><span style=\"color: #000000;\">The\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wordpress.org\/extend\/plugins\/revision-control\/\" target=\"_blank\" rel=\"noopener\">Revision Control<\/a>\u00a0plugin allows you to remove old post revisions from your WordPress database, making it considerably smaller, and your site slightly faster.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#12:\u00a0Reduce Spam \u2013\u00a0Speed up WordPress<\/span><\/h2>\n<p><span style=\"color: #000000;\">Spam comments take up significant space in your database. You should setup the pre-installed Akismet plugin properly to catch those comments and prevent them from going live on your site, and additionally to\u00a0<em>discourage spammers from posting them in your site in the first place<\/em>.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7191\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/Akismet.png\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/Akismet.png 600w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/Akismet-160x67.png 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/Akismet-400x167.png 400w\" alt=\"Akismet\" width=\"600\" height=\"250\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">Setting up Akismet is pretty simple, in reality. All you need to do is to register for an Akismet API key on the Akismet website using your WordPress.com account.<\/span><\/p>\n<p><span style=\"color: #000000;\">The next thing you\u2019d want to do with Akismet is checking the box in Akismet settings that says \u201cAuto-delete spam submitted on posts more than a month old\u201d.<\/span><\/p>\n<p><span style=\"color: #000000;\">Of course, you can manually empty the spam queue anytime from the \u2018comments -&gt; spam\u2019 section.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#13: Turn-off Trackbacks &amp; Pingbacks<\/span><\/h2>\n<p><span style=\"color: #000000;\">Trackbacks and Pingbacks aren\u2019t good for your site speed. Whenever someone links to you, a trackback gets created, utilizing server and database resources.<\/span><\/p>\n<p><span style=\"color: #000000;\">So, unless absolutely necessary (I have no idea why they\u2019d be), you can simply disable trackbacks and pingbacks from WordPress\u2019 Discussion Settings.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7183\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/wordpress-trackbacks.jpg\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/wordpress-trackbacks.jpg 397w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/wordpress-trackbacks-160x35.jpg 160w\" alt=\"wordpress-trackbacks\" width=\"397\" height=\"87\" \/><\/span><\/p>\n<h2><span style=\"color: #000000;\">#14: Use CSS Sprites<\/span><\/h2>\n<p><span style=\"color: #000000;\">Theme images and miscellaneous other small (both in size and dimensions) images should be combined into as few images as possible, using CSS sprites. For example, there are six small images that get loaded on\u00a0<a style=\"color: #000000;\" href=\"http:\/\/rohitpalit.com\/\" target=\"_blank\" rel=\"noopener\">RohitPalit.com<\/a>\u00a0in the footer, three main images, and three low-opacity variants that are seen when you place your mouse cursor over the original images or click them. This how the sprites.png of the site looks like:<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7184\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/sprites.png\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/sprites.png 500w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/sprites-160x64.png 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/sprites-400x160.png 400w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/sprites-250x100.png 250w\" alt=\"sprites\" width=\"500\" height=\"200\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">There\u2019s a lot of (intentionally reserved) blank space on the bottom of the image, but nevertheless, that\u2019s what a CSS sprite image looks like.<\/span><\/p>\n<p><span style=\"color: #000000;\">The browser gets unique portions of it as individual images using CSS positioning, and loads them on the page in the desired position.<\/span><\/p>\n<p><span style=\"color: #000000;\">This single image saves me 5 HTTP requests. So creating CSS sprites is worth it. You can even use a drag and drop online tool like\u00a0<a style=\"color: #000000;\" href=\"http:\/\/wearekiss.com\/spritepad\" target=\"_blank\" rel=\"noopener\">SpritePad<\/a>.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#15: Use A Responsive Design<\/span><\/h2>\n<p><span style=\"color: #000000;\">You can use a responsive theme to load less resources (for example, images) for mobile devices or specify high-resolution images for high-resolution screens. That way, mobile users won\u2019t see heavy images, and desktop users won\u2019t see small, highly-compressed images.<\/span><\/p>\n<p><span style=\"color: #000000;\">You can specify what to load for what type of users, based on their screen width. There are lots of other\u00a0<a style=\"color: #000000;\" href=\"http:\/\/www.ericmobley.net\/six-benefits-of-responsive-web-design-now-that-google-has-recommends-it-for-mobile\/\" target=\"_blank\" rel=\"noopener\">important advantages of using a responsive design<\/a>.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7192\" src=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/responsive-design.jpg\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" srcset=\"https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/responsive-design.jpg 604w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/responsive-design-160x90.jpg 160w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/responsive-design-400x225.jpg 400w, https:\/\/techtage-blog-rohitpalit.netdna-ssl.com\/wp-content\/uploads\/2013\/09\/responsive-design-600x337.jpg 600w\" alt=\"Responsive Design\" width=\"604\" height=\"339\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\">And responsive sites are preferred by Google, so you can expect a slight boost in SEO once you switch to a responsive design.<\/span><\/p>\n<blockquote><p><span style=\"color: #000000;\">Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device.\u00a0<strong>This is Google\u2019s recommended configuration<\/strong>.<\/span><\/p><\/blockquote>\n<h2><span style=\"color: #000000;\">#16: CSS in Head, JS in Body<\/span><\/h2>\n<p><span style=\"color: #000000;\">CSS should be loaded in the &lt;head&gt; section as per HTML recommendations. Referencing stylesheets outside of the &lt;head&gt; section will prevent the browser from displaying content as soon as it is loaded.<\/span><\/p>\n<p><span style=\"color: #000000;\">JavaScript blocks\u00a0<em>progressive loading<\/em>\u00a0as well. When a browser encounters a &lt;script&gt; tag, it tries to interpret the code before loading the rest of the page. This is however not the case with asynchronous scripts, like the usual Google Analytics tracking script, so you don\u2019t need to worry about those scripts.\u00a0So, you should place most javascripts in the bottom of your code, before the ending &lt;\/body&gt; tag, instead of the &lt;head&gt; section.<\/span><\/p>\n<p><span style=\"color: #000000;\">While your page remains as heavy as it originally was, tweaking these little things will make your site\u00a0<em>seem to load (appear) faster<\/em>.<\/span><\/p>\n<h2><span style=\"color: #000000;\">#17: Optimize Your Widgets<\/span><\/h2>\n<p><span style=\"color: #000000;\">It\u2019s important that you optimize your widgets to make them as light and easy-to-load as possible. For example, widgets of social networks like Facebook, Twitter and Google+ load external javascripts and often css while being rendered.<\/span><\/p>\n<p><span style=\"color: #000000;\">If the scripts or css aren\u2019t likely to be updated often, you can upload them directly to your server and serve them from your own server (or your CDN). Not having to rely on external servers, you can improve your site speed by optimizing your widgets.<\/span><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_1560\" class=\"pvc_stats all  \" data-element-id=\"1560\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/govinddas.com\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In Nutshell Slow load times don\u2019t only create a bad impression about your site to your visitors,\u00a0it\u2019s also bad for your SEO. You can monitor the current load times of your site by performing\u00a0Pingdom\u2019s Site Speed Test. A load time of under 3 seconds is decent, under 2 seconds is impressive, and even less is blazing fast! &nbsp; You can also find useful information about your site\u2019s current performance and areas in which it can improve by testing your site&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/govinddas.com\/index.php\/optimize-speed-wordpress-sites\/\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_1560\" class=\"pvc_stats all  \" data-element-id=\"1560\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/govinddas.com\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[587],"tags":[],"class_list":["post-1560","post","type-post","status-publish","format-aside","hentry","category-great-tech-blogs","post_format-post-format-aside"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/posts\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":0,"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/posts\/1560\/revisions"}],"wp:attachment":[{"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/categories?post=1560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/govinddas.com\/index.php\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}