CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com:80/tutorials/optimization-tips-speed-up-site/","20100924031127","https://web.archive.org/","web","/_static/", "1285297887"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="index,archive,follow,noodp"/> <meta name="robots" content="all,index,follow"/> <meta name="msnbot" content="all,index,follow"/> <meta name="description" content="Ever since Google announced that a site's speed would be a major factor in its ranking, I have really been paying attention to how my site performs. I gues..."/> <meta name="keywords" content="css,google,image,Javascript,optimization,seo,site,speed,website,yahoo,"/> <title>Optimization Tips to Speed Up Your Site | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20100924031127cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css?ver=1.0.7" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Optimization Tips to Speed Up Your Site Comments Feed" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20100924031127js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="start" title="Removing Images from a WordPress Post: Redux" href="http://bavotasan.com/tutorials/removing-images-from-a-wordpress-post/"/> <link rel="prev" title="Create bit.ly Short URLs for your Posts in WordPress" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/"/> <link rel="next" title="Developing Themes for WordPress: Part 1" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/"/> <link rel="canonical" href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/"/> <link rel="shortlink" href="https://web.archive.org/web/20100924031127/http://bit.ly/bFcPAe"/> <script type="text/javascript" src="https://web.archive.org/web/20100924031127js_/http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> <meta property="og:title" content="Optimization Tips to Speed Up Your Site"/> <meta property="og:description" content="Ever since Google announced that a site鈥檚 speed would be a major factor in its ranking, I have really been paying attention to how my site performs. I guess I should have been doing it anyway, but I am the type of person that sometimes needs a kick in the butt to realize what he [...]"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/wp-content/uploads/2010/08/sitespeed.jpg"/> </head> <body class="single single-post postid-2682"> <div id="bodywrap">  <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20100924031127/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script>   <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20100924031127/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20100924031127/http://support.bavotasan.com/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20100924031127/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/"> <img src="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20100924031127/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265" class="current-menu-item"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <div class="posttop"> <div class="thedate"><div class="month">Aug</div><div class="day">25</div><div class="year">2010</div></div> <h1>Optimization Tips to Speed Up Your Site</h1> <br class="clear"/> <p>Ever since <a href="https://web.archive.org/web/20100924031127/http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html">Google announced</a> that a site’s speed would be a major factor in its ranking, I have really been paying attention to how my site performs. I guess I should have been doing it anyway, but I am the type of person that sometimes needs a kick in the butt to realize what he should be doing. Now I keep an eye on my site and constantly monitor how it’s performing. That’s the only way to stay on top of things and guarantee that your visitors have a positive experience on your site.</p> <p>Many things factor in to how your site performs, including the speed of your server, the amount of traffic on your site, how your site is coded, if your site is static or dynamic, and the list goes on. If your site has not been optimized then you are really doing yourself a disservice, especially now that your page rank might rely on it.</p> <p>If you have a WordPress site, there are some great plugins to help you out. I like to use <a href="https://web.archive.org/web/20100924031127/http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache</a> to get things started. It is pretty easy to set up and works exceptionally well. Plus, the customer support is top notch, so if you have any issues you can just contact the author.</p> <p>If you don’t use WordPress, you can still follow some of the steps below to get your site performing at its best.</p> <p>First, let’s take a look at some free tools that are available online that can analyze your site and let you know exactly where the problems lie:</p> <h3>Pingdom Tools</h3> <p><img src="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/wp-content/uploads/2010/08/pingdomtools.jpg" alt="Pingdom Tools" title="pingdomtools" width="550" height="160" class="alignleft size-full wp-image-2681"/><br/> Pingdom Tools will give you a breakdown of all the files that your site needs to load to render a page, and whether or not any of them is problematic. It can also save your tests so you can compare your site’s statistics against one another on different occasions.<br/> <a href="https://web.archive.org/web/20100924031127/http://tools.pingdom.com/">http://tools.pingdom.com/</a></p> <h3>Web Page Test</h3> <p><img src="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/wp-content/uploads/2010/08/webpagetest.jpg" alt="Web Page Test" title="webpagetest" width="550" height="160" class="alignleft size-full wp-image-2686"/><br/> Web Page Test provides a similar service to Pingdom Tools, but the results are a lot more elaborate. The test takes a bit longer but it’s well worth the wait. Your site will be graded on 6 different aspects of its performance: KeepAlive Enabled, Compress Text, Compress Images, Cache Static Content, Combine CSS/JS Files and Use of CDN. Once you are graded, you will also see why your site might have failed each test.<br/> <a href="https://web.archive.org/web/20100924031127/http://www.webpagetest.org/">http://www.webpagetest.org/</a></p> <h3>Firebug & YSlow</h3> <p><img src="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/wp-content/uploads/2010/08/firebug.jpg" alt="Firebug for Firefox" title="firebug" width="550" height="160" class="alignleft size-full wp-image-2687"/><br/> If you have a Web site and you’re not aware of Firebug, you need to become aware of it immediately. It’s an amazing developer tool for Firefox that can make your life a hell of a lot easier. It offers tools such as an element inspector, CSS editor, and process console. To get your site optimized, install YSlow from Yahoo and you will have all the tools you need to test your site and find its weaknesses.<br/> <a href="https://web.archive.org/web/20100924031127/http://getfirebug.com/">http://getfirebug.com/</a><br/> <a href="https://web.archive.org/web/20100924031127/http://developer.yahoo.com/yslow/">http://developer.yahoo.com/yslow/</a></p> <p>Once you’ve tested your site and you know what the problems are, you can start to make a few changes to help increase your site’s performance, which will in turn give your visitors a better experience and show search engines that you mean business.</p> <p>You probably already know these tips, but just in case you don’t, pay attention because they are the basis of how you can optimize your site:</p> <h3>Optimize Images for the Web</h3> <p>If you plan on uploading an image to your site, make sure you’re not uploading the original 5 x 7 that has a resolution of 300dpi. Why? Because it’s such a large file that it will definitely slow down your site, if not crash it. That’s why all images must be optimized for the Web. If you have Photoshop, or any image editing software, you’ll have the option to export your image for the Web. </p> <p>What does that mean? Well, first of all, you should probably aim for 72dpi, which is pretty much the Web standard. That will help bring your file size down. You should also save your photos as JPGs with a quality of around 50-60%, and your graphics as GIFs with a color range dependent on the graphic itself. If your image has a transparent background which doesn’t look too good as a transparent GIF, then you might want to make it a transparent PNG. That does increase the size of the file, so keep that in mind.</p> <p>If you want to really get fancy, you can put together a CSS sprite so that all of your graphics and images are merged together into one file. This brings down the number of elements that your site has to load, but it does require a bit more effort in regards to the CSS used. Here is a CSS sprite I use on <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/">bavotasan.com</a>:</p> <p><img src="https://web.archive.org/web/20100924031127im_/http://bavotasan.com/wp-content/themes/bavotasan-2010/images/sprite_bavotasan.png" alt="CSS Sprite or bavotasan.com" width="336" height="225" class="aligncenter"/></p> <p>If you don’t have any desktop software to optimize your images, you can always take advantage of <a href="https://web.archive.org/web/20100924031127/http://www.smushit.com/ysmush.it/">Yahoo’s Smush.it</a>, which allows you to upload an image file and have it optimized and returned to you. If you have YSlow installed, then you also have Smush.it included on the tools tab.</p> <h3>Put CSS at the Top & JavaScript at the Bottom</h3> <p>Placing your CSS at the top of your site makes sense, because you want to have your elements styled before they start to render. Placing JavaScript at the bottom also makes a lot of sense because you need your elements to render before they can be manipulated by your JavaScript. This has become a standard and should always be the way these files are included in your site.</p> <h3>Reduce the Number of HTTP Requests</h3> <p>An HTTP request occurs every time your site fetches a file that is required to render the page. So every image, every JS file and pretty much every element on your Web page requires an HTTP request. That’s why CSS sprites are a great idea. They reduce the number of times your site needs to fetch an image. Another great idea is combining your CSS files and your JavaScript files into one. So grab all of your site’s CSS (you can view it using Firebug), create one file and include it in your header. Same goes for your JavaScript files, but make sure you place the JS elements in the proper order or else they won’t work, eg. jQuery needs to load before you use any actual jQuery. And be sure to stick your JS file in your footer.</p> <p>If you don’t plan on making any changes to your CSS or JS, you can even minify the files to make them as small as possible. There are many online resources to do this, but you also have everything you need if you already installed Firebug and YSlow. If you take a look at <a href="https://web.archive.org/web/20100924031127/http://jquery.com/">http://jquery.com/</a>, you can see the difference between the minified version (24kb) and the development version (155kb). That’s a big difference.</p> <h3>The Hard Stuff</h3> <p>This is where things start to get a little more complicated. The following tips require a bit of knowledge of coding, or at least a willingness to attempt to do some things that you might not really understand.</p> <h3>Configure your ETags</h3> <p>According to <a href="https://web.archive.org/web/20100924031127/http://en.wikipedia.org/wiki/HTTP_ETag">Wikipedia</a>, an ETag, or entity tag, “<em>is one of several mechanisms that HTTP provides for cache validation, and which allows a client to make conditional requests.</em>” If you don’t plan on using them, which most likely you won’t, then you need to remove them completely by adding the following to your <code>.htaccess</code> file.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;">FileETag none</pre></div></td></tr></table></div> <p>If you don’t have an <code>.htaccess</code> file in your site’s root directory, then create one and upload it because you’re going to have to make a few modifications to it to get your site optimized.</p> <h3>Add Expires Headers</h3> <p>Expires headers will let everyone know that certain elements can be cached by the browser so they won’t need to be reloaded every time a visitor hits your site. Static elements should have a far future expiration date and dynamic elements need to be configured according to how you plan on using them. The following will add an expiration date of one month to all your image, CSS and JS files.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;"># Expire images header </span>ExpiresActive On ExpiresDefault A0 ExpiresByType image<span style="color: #339933;">/</span>gif A2592000 ExpiresByType image<span style="color: #339933;">/</span>png A2592000 ExpiresByType image<span style="color: #339933;">/</span>jpg A2592000 ExpiresByType image<span style="color: #339933;">/</span>jpeg A2592000 ExpiresByType image<span style="color: #339933;">/</span>ico A2592000 ExpiresByType text<span style="color: #339933;">/</span>css A2592000 ExpiresByType text<span style="color: #339933;">/</span>javascript A2592000</pre></div></td></tr></table></div> <p>A2592000 (60*60*24*30) is a timestamp that equals one month. Remember, if you plan on modifying any files that have been cached with a future expiration date, you need to rename them or else visitors will not see the changes until they clear their browser cache or the old files expire.</p> <h3>Compress Components</h3> <p>Compressing things always ends up making them smaller and load faster, so implementing some form of compression on your components is a must. This optimization step might not work for you if your server does not have either mod_deflate or mod_gzip installed as part of Apache. You should contact your service provider and inquire about this to find out which of the following codes you should use.</p> <p>mod_deflate:</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;"><</span>FilesMatch <span style="color: #0000ff;">"<span style="color: #000099; font-weight: bold;">\\</span>.(js|css|html|htm|php|xml)$"</span><span style="color: #339933;">></span> SetOutputFilter DEFLATE <span style="color: #339933;"></</span>FilesMatch<span style="color: #339933;">></span></pre></div></td></tr></table></div> <p>mod_gzip</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;"><</span>IfModule mod_gzip<span style="color: #339933;">.</span>c<span style="color: #339933;">></span> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include <span style="color: #990000;">file</span> \<span style="color: #339933;">.</span><span style="color: #009900;">(</span>html?<span style="color: #339933;">|</span>txt<span style="color: #339933;">|</span>css<span style="color: #339933;">|</span>js<span style="color: #339933;">|</span>php<span style="color: #339933;">|</span>pl<span style="color: #009900;">)</span>$ mod_gzip_item_include handler ^cgi<span style="color: #339933;">-</span>script$ mod_gzip_item_include mime ^text<span style="color: #339933;">/.*</span> mod_gzip_item_include mime ^application<span style="color: #339933;">/</span>x<span style="color: #339933;">-</span>javascript<span style="color: #339933;">.*</span> mod_gzip_item_exclude mime ^image<span style="color: #339933;">/.*</span> mod_gzip_item_exclude rspheader ^Content<span style="color: #339933;">-</span>Encoding<span style="color: #339933;">:.*</span>gzip<span style="color: #339933;">.*</span> <span style="color: #339933;"></</span>IfModule<span style="color: #339933;">></span></pre></div></td></tr></table></div> <h3>Content Delivery Network</h3> <p>It’s a little hard to believe, but the closer your visitor is to your server’s location, the faster they will receive your site elements. That’s where a CDN can come in handy. They provide multiple server locations for your site elements that will be accessed accordingly depending on where you visitors are located. This has been known to improve your site’s response time by up to 20%. The only problem, is it might cost you an arm and a leg to get it up and running. There are many CDNs popping up that are not as expensive as others, but to tell you the truth, this might not be a viable option unless your site is really bringing in the money, which in turn would make it worth having a CDN on your side.</p> <h3>Conclusion</h3> <p>When it comes down to it, running a successful Web site requires a lot of attention to certain things that you might never have considered. Being aware of optimization tools and techniques will definitely help you improve your site’s performance. Most importantly, it will get your site ready to be indexed by Google, Yahoo and many other search engines that rely on speed as a ranking factor.</p> <div class="buttonbox"> </div> </div> <div class="post"> <div class="socialleft">If you liked this, please share it.</div> <ul class="addtoany_list"> <li><a href="https://web.archive.org/web/20100924031127/http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FbFcPAe&counturl=http://bavotasan.com/tutorials/optimization-tips-speed-up-site/" class="twitter-share-button" data-count="vertical" data-via="bavotasan">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20100924031127js_/http://platform.twitter.com/widgets.js"></script></li> <li><a href="https://web.archive.org/web/20100924031127/http://www.facebook.com/sharer.php?u=http://bavotasan.com/tutorials/optimization-tips-speed-up-site/&t=Optimization Tips to Speed Up Your Site" title="Click to send this page to Facebook!" target="_blank" rel="nofollow" class="facebook-icon"></a></li> <li><a href="https://web.archive.org/web/20100924031127/http://digg.com/submit?phase=2&url=http://bavotasan.com/tutorials/optimization-tips-speed-up-site/&title=Optimization Tips to Speed Up Your Site&bodytext=Ever since Google announced that a site鈥檚 speed would be a major factor in its ranking, I have really been paying attention to how my site performs. I guess I should have been doing it anyway, but I am the type of person that sometimes needs a kick in the butt to realize what he [...]" title="Digg" rel="nofollow" target="_blank" class="digg-icon"></a></li> <li><a href="https://web.archive.org/web/20100924031127/http://www.delicious.com/save" onclick="window.open('https://web.archive.org/web/20100924031127/http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/')+'&title='+encodeURIComponent('Optimization Tips to Speed Up Your Site'),'delicious', 'toolbar=no,width=550,height=550'); return false;" class="delicious-icon"></a></li> <li><a href="https://web.archive.org/web/20100924031127/http://www.stumbleupon.com/submit?url=http://bavotasan.com/tutorials/optimization-tips-speed-up-site/&title=Optimization Tips to Speed Up Your Site" title="StumbleUpon" rel="nofollow" target="_blank" class="stumbleupon-icon"></a></li> <li><iframe src="https://web.archive.org/web/20100924031127if_/http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbavotasan.com%2Ftutorials%2Foptimization-tips-speed-up-site%2F&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></li> </ul> </div> <div class="post"> <p class="tags">Tags: <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/css/" rel="tag">css</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/google/" rel="tag">google</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/image/" rel="tag">image</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/javascript/" rel="tag">Javascript</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/optimization/" rel="tag">optimization</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/seo/" rel="tag">seo</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/site/" rel="tag">site</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/speed/" rel="tag">speed</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/website/" rel="tag">website</a>, <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tag/yahoo/" rel="tag">yahoo</a></p> <p class="tags">Short URL: <a href="https://web.archive.org/web/20100924031127/http://bit.ly/bFcPAe" title="Optimization Tips to Speed Up Your Site">http://bit.ly/bFcPAe</a></p> </div> <div class="post"> <div id="crp_related"> <h3>Similar Posts</h3> <ul> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/a-basic-jquery-slideshow/" rel="bookmark" title="Permanent Link to A Basic jQuery Slideshow">A Basic jQuery Slideshow</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/text-rotation-css3/" rel="bookmark" title="Permanent Link to Text Rotation with CSS3">Text Rotation with CSS3</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/jquery-replace-word-with-link/" rel="bookmark" title="Permanent Link to Use jQuery to Replace a Word with a Link">Use jQuery to Replace a Word with a Link</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/a-simple-css-trick-to-vertically-align-text/" rel="bookmark" title="Permanent Link to A Simple CSS Trick to Vertically Align Text">A Simple CSS Trick to Vertically Align Text</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/articles/moderno-v1-0-premium-wordpress-theme/" rel="bookmark" title="Permanent Link to Moderno v1.0 Premium WordPress Theme">Moderno v1.0 Premium WordPress Theme</a></li> </ul> </div> <a href="https://web.archive.org/web/20100924031127/http://www.netfirms.com/web-hosting/web-hosting-business/?a_aid=4c8bb52b19602&a_bid=8f049e07" target="_top" style="float:right;"><img src="https://web.archive.org/web/20100924031127im_/http://www.webhostrevenue.com/accounts/default1/banners/300x250-us.gif" alt="Netfirms Business Hosting Plan" title="Netfirms Business Hosting Plan" width="250" height="208"/></a><img style="border:0" src="https://web.archive.org/web/20100924031127im_/http://www.webhostrevenue.com/scripts/imp.php?a_aid=4c8bb52b19602&a_bid=8f049e07" width="1" height="1" alt=""/> </div> <div class="post"> <a href="#comment_list"></a> <div id="comments"> <h3 id="comments-title">Discussion <small> 2 Comments</small> </h3> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-15723"> <div id="comment-15723"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100924031127im_/http://0.gravatar.com/avatar/8dd15a706f5dfa4fa513cfa0f1ee57d9?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100924031127/http://indiapoint.net/archives" rel="external " class="url">Anup</a></span> <span class="commentdate"> on August 28, 2010 at 8:37 am</span> </div> <div class="comment-text"> <p>If google dictates and the only criteria is speed, then everyone would end up like plaintxt.org !</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/?replytocom=15723#respond" onclick="return addComment.moveForm("comment-15723", "15723", "respond", "2682")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-15760"> <div id="comment-15760"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100924031127im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on August 30, 2010 at 9:14 am</span> </div> <div class="comment-text"> <p>It isn’t the only criteria, it’s just a new criteria that will affect everyone.</p> </div> </div> </li> </ul> </li> </ol> <a name="respond"></a> <div id="respond"> <h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20100924031127/http://bavotasan.com/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><br/><input id="author" name="author" type="text" value="" size="30"/></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><br/><input id="email" name="email" type="text" value="" size="30"/></p> <p class="comment-form-url"><label for="url">Website</label><br/><input id="url" name="url" type="text" value="" size="30"/></p> <p>To enter code in the comment box, please place it between <strong><pre lang="php"> </pre></strong> tags. You don't have to convert any characters to their hex/HTML code. Just add your code the way you would to any code editor.</p> <p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="2682" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> </form> </div> </div> </div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20100924031127/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads">  <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/>  <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/6-free-vinyl-record-vectors/" title="6 Free Vinyl Record Vectors">6 Free Vinyl Record Vectors</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/retrieve-the-first-image-from-a-wordpress-post/" title="Retrieve and Display Images from a WordPress Post">Retrieve and Display Images from a WordPress Post</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/adding-extra-fields-to-the-wordpress-user-profile/" title="Adding Extra Fields to the WordPress User Profile">Adding Extra Fields to the WordPress User Profile</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20100924031127/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20100924031127/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20100924031127/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20100924031127/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20100924031127/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information »</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20100924031127/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> </div> </div>  <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20100924031127/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Illustrious Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/a-basic-jquery-slideshow/">A Basic jQuery Slideshow</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/text-rotation-css3/">Text Rotation with CSS3</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/">Adding a Tweet Button to WordPress</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/">Developing Themes for WordPress: Part 5</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/">Developing Themes for WordPress: Part 4</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-the-loop/">Developing Themes for WordPress: Part 3</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-template-file/">Developing Themes for WordPress: Part 2</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/">Developing Themes for WordPress: Part 1</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/">Optimization Tips to Speed Up Your Site</a></li> <li><a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/">Create bit.ly Short URLs for your Posts in WordPress</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2010 <a href="https://web.archive.org/web/20100924031127/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20100924031127/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20100924031127js_/http://stats.wordpress.com/e-201038.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'2682'}); var load_cmc = function(){linktracker_init(5317602,2682,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20100924031127js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20100924031127/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>