{"id":64,"date":"2010-06-16T11:52:14","date_gmt":"2010-06-16T11:52:14","guid":{"rendered":""},"modified":"2010-06-16T11:52:14","modified_gmt":"2010-06-16T11:52:14","slug":"optimizing-website-performance","status":"publish","type":"post","link":"http:\/\/www.icetips.com\/blog_wp\/2010\/06\/16\/optimizing-website-performance\/","title":{"rendered":"Optimizing web site performance"},"content":{"rendered":"<p>Last Monday, Ed Robinson CEO of Aptimize (<a href=\"http:\/\/www.aptimize.com\">http:\/\/www.aptimize.com<\/a>) talked at our <a href=\"http:\/\/dotnetda.org\/\">.NET user group<\/a> meeting in Redmond, about optimizing web sites.  He pointed out one of the tools they use, <a href=\"http:\/\/www.webpagetest.org\">http:\/\/www.webpagetest.org<\/a>  It is <b>very<\/b> interesting to run this on your site to see how it will perform.  <\/p>\n<p>It lists every item that is downloaded, every file, how long it takes to download, how long the server response is etc.  It gives you a really good idea how long a website takes to load from various parts of the world as they route the signal through various servers, for example in the United States, Britain, the Netherlands, New Zealand etc.  Four things that Ed suggested to make pages faster to load:<\/p>\n<ol>\n<li><b><a href=\"http:\/\/en.wikipedia.org\/wiki\/Minification_(programming)\">Minify<\/a><\/b> css and javascript files and anything else that can be minified.  This can drastically reduce the size of those files as it cuts out all whitespace and with js files it also reduces the length of parameters and variable names.<\/li>\n<li>Use <b><a href=\"http:\/\/css-tricks.com\/css-sprites\/\">sprites<\/a><\/b> for images.  This means fewer downloads, fewer roundtrip requests.<\/li>\n<li><b>Consolidate<\/b> files that are sent to the browser, such as css and javascript.  This also reduces the number of requests to the server.<\/li>\n<li>Compress anything that can be compressed.  Here is an article about compression <a href=\"http:\/\/betterexplained.com\/articles\/how-to-optimize-your-site-with-gzip-compression\/\">using php or .htaccess<\/a>  Here is an article on how to set compression on the <a href=\"http:\/\/www.devarticles.com\/c\/a\/Apache\/Compressing-Web-Content-with-mod-gzip-and-mod-deflate\/\">Apache webserver<\/a>.\n<\/li>\n<\/ol>\n<p>I found an <a href=\"http:\/\/developer.yahoo.com\/performance\/rules.html\">excellent writeup<\/a> of website optimization that explains each of those items in more detail.  Ed's talk was only 15 minutes, but by itself, was worth the 7 hour total time for the trip (including waiting an hour for the ferry after missing the last one by 2 minutes;)<\/p>\n<p>We are in the process of slightly redesigning the Icetips website and the plan is to have it up by the end of June 2010 and we will definitely be looking into how to optimize it as much as we can.  We all like fast websites and none of us like waiting for a web page to load!  It will be an interesting experiment and I hope you will see a much quicker website by the time we are done with it:)<\/p>\n<p>Arnor Baldvinsson<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_64\" class=\"pvc_stats all  \" data-element-id=\"64\" 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=\"http:\/\/www.icetips.com\/blog_wp\/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>Last Monday, Ed Robinson CEO of Aptimize (http:\/\/www.aptimize.com) talked at our .NET user group meeting in Redmond, about optimizing web sites. He pointed out one of the tools they use, http:\/\/www.webpagetest.org It is very interesting to run this on your site to see how it will perform. It lists every item that is downloaded, every <a href=\"http:\/\/www.icetips.com\/blog_wp\/2010\/06\/16\/optimizing-website-performance\/\" class=\"more-link\">...continue reading <span class=\"screen-reader-text\">Optimizing web site performance<\/span><\/a><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_64\" class=\"pvc_stats all  \" data-element-id=\"64\" 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=\"http:\/\/www.icetips.com\/blog_wp\/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":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-64","post","type-post","status-publish","format-standard","hentry","category-technical"],"_links":{"self":[{"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/posts\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":0,"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.icetips.com\/blog_wp\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}