mirror of
https://github.com/codelucas/newspaper.git
synced 2025-12-23 05:36:50 +00:00
845 lines
No EOL
52 KiB
HTML
845 lines
No EOL
52 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" ><![endif]-->
|
|
<!--[if gt IE 8]><!--><html class="no-js" lang="en" ><!--<![endif]-->
|
|
<head>
|
|
<link href="//dab1nmslvvntp.cloudfront.net" ref="dns-prefetch">
|
|
<link href="//d2sis3lil8ndrq.cloudfront.net" ref="dns-prefetch">
|
|
<link href="//sitepoint.com" ref="dns-prefetch">
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta property="og:image" content="http://www.sitepoint.com/wp-content/themes/sitepoint/assets/images/icon.web.png">
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
|
|
<link rel="apple-touch-icon-precomposed" href="/wp-content/themes/sitepoint/assets/images/apple-touch-icon-57x57-precomposed.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/wp-content/themes/sitepoint/assets/images/apple-touch-icon-72x72-precomposed.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/wp-content/themes/sitepoint/assets/images/apple-touch-icon-114x114-precomposed.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/wp-content/themes/sitepoint/assets/images/apple-touch-icon-144x144-precomposed.png" />
|
|
|
|
<link href="https://plus.google.com/+sitepoint" rel="publisher" />
|
|
<meta property="twitter:account_id" content="15743570" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
|
|
<script type="text/javascript">
|
|
function r(f){/in/.test(document.readyState)?setTimeout(r,9,f):f()}
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-30131-1', '.sitepoint.com');
|
|
|
|
ga('set', 'dimension1', 'post');
|
|
ga('set', 'dimension2', 'Web');
|
|
ga('set', 'dimension3', 'Web');
|
|
ga('set', 'dimension4', '2014-12-29');
|
|
ga('set', 'dimension5', 'Craig Buckler');
|
|
|
|
ga('set', 'contentGroup5', 'web');
|
|
// Cross Domain Tracking to Learnable
|
|
ga('require', 'linker');
|
|
// command, domains, useAnchor, enableForms
|
|
ga('linker:autoLink', ['learnable.com'], false, true);
|
|
|
|
ga('send', 'pageview');
|
|
</script>
|
|
<script type="text/javascript">
|
|
var googletag = googletag || {};
|
|
googletag.cmd = googletag.cmd || [];
|
|
(function() {
|
|
var gads = document.createElement('script');
|
|
gads.async = true;
|
|
gads.type = 'text/javascript';
|
|
var useSSL = 'https:' == document.location.protocol;
|
|
gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
|
|
var node = document.getElementsByTagName('script')[0];
|
|
node.parentNode.insertBefore(gads, node);
|
|
})();
|
|
</script>
|
|
|
|
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.24 - http://yoast.com/wordpress/seo/ -->
|
|
<title>Average Page Weight Increases 15% in 2014</title>
|
|
<meta name="description" content="Web page weight increased by 15% in 2014 and now stands at 2Mb. Craig reveals who's to blame, but you may not like the answer..."/>
|
|
<link rel="canonical" href="http://www.sitepoint.com/average-page-weight-increases-15-2014/" />
|
|
<link rel="author" href="http://plus.google.com/+CraigBuckler"/>
|
|
<link rel="publisher" href="https://plus.google.com/+sitepoint/"/>
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="Average Page Weight Increases 15% in 2014" />
|
|
<meta property="og:description" content="Web page weight increased by 15% in 2014 and now stands at 2Mb. Craig reveals who's to blame, but you may not like the answer..." />
|
|
<meta property="og:url" content="http://www.sitepoint.com/average-page-weight-increases-15-2014/" />
|
|
<meta property="og:site_name" content="SitePoint" />
|
|
<meta property="article:publisher" content="https://www.facebook.com/sitepoint" />
|
|
<meta property="article:author" content="http://www.facebook.com/craigbuckler" />
|
|
<meta property="article:tag" content="LouisL" />
|
|
<meta property="article:tag" content="page-weight" />
|
|
<meta property="article:section" content="News" />
|
|
<meta property="article:section" content="Statistics and Analysis" />
|
|
<meta property="article:section" content="Web" />
|
|
<meta property="article:published_time" content="2014-12-29T09:00:53+00:00" />
|
|
<meta property="article:modified_time" content="2014-12-29T00:10:28+00:00" />
|
|
<meta name="twitter:card" content="summary"/>
|
|
<meta name="twitter:site" content="@sitepointdotcom"/>
|
|
<meta name="twitter:domain" content="SitePoint"/>
|
|
<meta name="twitter:creator" content="@craigbuckler"/>
|
|
<!-- / Yoast WordPress SEO plugin. -->
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="SitePoint » Average Page Weight Increases 15% in 2014 Comments Feed" href="http://www.sitepoint.com/average-page-weight-increases-15-2014/feed/" />
|
|
<link rel='stylesheet' id='discourse_comments-css' href='http://www.sitepoint.com/wp-content/plugins/wp-discourse/css/style.css?ver=4.0' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='sitepoint-fonts-css' href='//fonts.googleapis.com/css?family=Noto+Sans%3A400%2C700&ver=4.0' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='sitepoint-styles-css' href='//www.sitepoint.com/wp-content/themes/sitepoint/assets/stylesheets/styles-31a4bb2d26d39d616c98d64e6854264d.css?ver=4.0' type='text/css' media='all' />
|
|
<script type='text/javascript' src='//www.sitepoint.com/wp-content/themes/sitepoint/assets/javascripts/scripts-head-e4a2be27db699092d2993e42901cedf6.js?ver=4.0'></script>
|
|
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.sitepoint.com/xmlrpc.php?rsd" />
|
|
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.sitepoint.com/wp-includes/wlwmanifest.xml" />
|
|
<meta name="generator" content="WordPress 4.0" />
|
|
<link rel='shortlink' href='http://www.sitepoint.com/?p=96973' />
|
|
|
|
<!--Plugin WP Missed Schedule 2013.1231.2013 Active - Tag 6707293c0218e2d8b7aa38d418ffa608-->
|
|
|
|
<!-- This site is patched which an important unfixed problem since WordPress 2.5+ to 3.9+ -->
|
|
|
|
<!-- wp-parsely Plugin Version 1.5 -->
|
|
<meta name='wp-parsely_version' id='wp-parsely_version' content='1.5' />
|
|
<meta name='parsely-page' id='parsely-page' content='{"title":"Average Page Weight Increases 15% in 2014","link":"http:\/\/www.sitepoint.com\/average-page-weight-increases-15-2014\/","image_url":"","type":"post","post_id":"96973","pub_date":"2014-12-29T17:00:53Z","section":"Web","author":"Craig Buckler","tags":["louisl","page-weight","web\/news","web\/statistics and analysis"]}' />
|
|
<script type="text/javascript">
|
|
googletag.cmd.push(function() {
|
|
googletag.defineSlot("/7448792/SP2013_Articles_300x250_1", [300, 250], "div-gpt-ad-1392428092543-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/SP2013_Articles_728x90_1", [728, 90], "div-gpt-ad-article-header").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/SP2013_Articles_300x250_4", [300, 250], "div-gpt-ad-1392428092543-3").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/SP2013_Articles_300x600_1", [300, 600], "div-gpt-ad-1392428092543-4").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/SP2013_Articles_320x50_1", [320, 50], "div-gpt-ad-1392428092543-5").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/SP2013_Articles_320x50_2", [320, 50], "div-gpt-ad-1392428092543-6").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125_2", [125, 125], "div-gpt-ad-1400782268851-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125_3", [125, 125], "div-gpt-ad-1400782991292-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125_4", [125, 125], "div-gpt-ad-1400783440189-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125_5", [125, 125], "div-gpt-ad-1400783664460-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125_6", [125, 125], "div-gpt-ad-1400783847643-0").addService(googletag.pubads());
|
|
googletag.defineSlot("/7448792/Sitepoint_125x125", [125, 125], "div-gpt-ad-1400800012700-0").addService(googletag.pubads());
|
|
googletag.pubads().setTargeting("channel", "Web");
|
|
googletag.pubads().setTargeting("post_id", "96973");
|
|
googletag.pubads().setTargeting("OpenX",["true", "false"]);
|
|
googletag.pubads().setTargeting("Tribal",["true", "false"]);
|
|
googletag.pubads().enableSingleRequest();
|
|
googletag.pubads().collapseEmptyDivs();
|
|
googletag.enableServices();
|
|
});
|
|
</script>
|
|
<style type="text/css" id="syntaxhighlighteranchor"></style>
|
|
<!--[if lt IE 9]>
|
|
<script src="/wp-content/themes/sitepoint/assets/javascripts/vendor/respond.custom.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="main-header" role="banner">
|
|
<nav class="top-bar" role="navigation">
|
|
<ul class="title-area">
|
|
<li class="name">
|
|
<div class="logo">
|
|
<a class="logomark" href="http://www.sitepoint.com" tabindex="1">
|
|
<img src="//www.sitepoint.com/wp-content/themes/sitepoint/assets/svg/sitepoint.svg" alt="SitePoint">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="toggle-topbar menu-icon">
|
|
<a href="#"><span>Menu</span></a>
|
|
</li>
|
|
</ul>
|
|
|
|
<section class="top-bar-section">
|
|
<ul class="right">
|
|
<li class="has-dropdown">
|
|
<a href="#" tabindex="-1">Topics</a>
|
|
<ul class="dropdown">
|
|
<li>
|
|
<a class="category-html-css menuitem" href="http://www.sitepoint.com/html-css/">HTML & CSS</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-javascript menuitem" href="http://www.sitepoint.com/javascript/">JS</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-php menuitem" href="http://www.sitepoint.com/php/">PHP</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-ruby menuitem" href="http://www.sitepoint.com/ruby/">Ruby</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-mobile menuitem" href="http://www.sitepoint.com/mobile/">Mobile</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-design-ux menuitem" href="http://www.sitepoint.com/design-ux/">Design & UX</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-business-marketing menuitem" href="http://www.sitepoint.com/business-marketing/">Business</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-wordpress menuitem" href="http://www.sitepoint.com/wordpress/">WordPress</a>
|
|
</li>
|
|
<li>
|
|
<a class="category-design menuitem" href="/web-foundations/">Web Foundations</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="/store" tabindex="2">Books</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://learnable.com/topics/all/course?utm_source=sitepoint&utm_medium=link&utm_content=top-nav" target="_blank" tabindex="3">Courses</a>
|
|
</li>
|
|
<!-- <li>
|
|
<a href="/store/" tabindex="2">Store</a>
|
|
</li>
|
|
--> <li>
|
|
<a href="http://community.sitepoint.com" tabindex="4">Forums</a>
|
|
</li>
|
|
<li>
|
|
<a href="/newsletter" tabindex="5">Newsletters</a>
|
|
</li>
|
|
<li class="top-bar_search">
|
|
<form method="get" action="http://www.sitepoint.com/">
|
|
<input autocomplete="off" class="searchquery" id="search-box" name="s" placeholder="Search…" type="text" tabindex="4">
|
|
<button tabindex="-1"></button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</nav>
|
|
</header>
|
|
<div class="awesome-bar awesome-bar--default" data-campaign="newrelic" style="background:#038D98;">
|
|
<a class="awesome-bar_container" target="_blank" href="" id="bar-new-relic-link-1">
|
|
<img class="awesome-bar_brand" src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2013/09/NewRelic-logo-w.png" alt="New Relic" style="height:22px;">
|
|
<span class="awesome-bar_message" style="color:#fff;" id="bar-new-relic-message-1"></span>
|
|
<span class="button small radius awesome-bar_action" style="background:#78cbd1;" id="bar-new-relic-button-1"></span>
|
|
</a>
|
|
<span class="awesome-bar_close">x</span>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
var rand = Math.random();
|
|
var link = document.getElementById("bar-new-relic-link-1");
|
|
var message = document.getElementById("bar-new-relic-message-1");
|
|
var button = document.getElementById("bar-new-relic-button-1");
|
|
if (rand < 0.5) {
|
|
link.href = "http://newrelic.com/sp/datanerd?utm_source=SITE&utm_medium=text_ad&utm_content=nerdtiffic&utm_campaign=datanerd&mpc=TA-SITE-generic-EN-Signup-datanerd-nerdtiffic"
|
|
message.innerHTML = "Make your software run better, and look better (with a free nerdiffic t-shirt!) in the process.";
|
|
button.innerHTML = "Yes, please";
|
|
} else {
|
|
link.href = "http://newrelic.com/sp/datanerd?utm_source=SITE&utm_medium=text_ad&utm_content=LookGood&utm_campaign=DataNerd&mpc=TA-SITE-generic-EN-Signup-DataNerd-LookGood";
|
|
message.innerHTML = "When your software looks good, you do too. Deploy New Relic and see for yourself.";
|
|
button.innerHTML = "Free t-shirt, please!";
|
|
}
|
|
})()
|
|
</script><div class="awesome-bar awesome-bar--alternative" data-campaign="newrelic" style="background:#038D98;">
|
|
<a class="awesome-bar_container" target="_blank" href="" id="bar-new-relic-link-2">
|
|
<img class="awesome-bar_brand" src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2013/09/NewRelic-logo-w.png" alt="New Relic" style="height:22px;">
|
|
<span class="awesome-bar_message" style="color:#fff;" id="bar-new-relic-message-2"></span>
|
|
<span class="button small radius awesome-bar_action" style="background:#78cbd1;" id="bar-new-relic-button-2"></span>
|
|
</a>
|
|
<span class="awesome-bar_close">x</span>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
var rand = Math.random();
|
|
var link = document.getElementById("bar-new-relic-link-2");
|
|
var message = document.getElementById("bar-new-relic-message-2");
|
|
var button = document.getElementById("bar-new-relic-button-2");
|
|
if (rand < 0.5) {
|
|
link.href = "http://newrelic.com/sp/datanerd?utm_source=SITE&utm_medium=text_ad&utm_content=Sweat&utm_campaign=DataNerd&mpc=TA-SITE-generic-EN-Signup-DataNerd-Sweat";
|
|
message.innerHTML = "Improve your app and get a free t-shirt. We get it, coding is sweaty business.";
|
|
button.innerHTML = "Show me how";
|
|
} else {
|
|
link.href = "http://newrelic.com/sp/datanerd?utm_source=SITE&utm_medium=text_ad&utm_content=swlove&utm_campaign=datanerd&mpc=TA-SITE-generic-EN-Signup-datanerd-swlove"
|
|
message.innerHTML = "Give your software the love it needs. And we'll give you the new t-shirt you need.";
|
|
button.innerHTML = "Create free account";
|
|
}
|
|
})()
|
|
</script><div class="Panel u-slimline u-inverse u-xmasbg-1">
|
|
<div class="Panel_header u-mb">
|
|
SitePoint Christmas Sale
|
|
<a class="Panel_action u-inline" href="/christmas-sale/">Shop Now</a>
|
|
</div>
|
|
</div>
|
|
<main role="main" class="page page--primary category-web">
|
|
|
|
<header role="banner" class="page_banner page_banner--category">
|
|
<h2 class="page_banner_title">
|
|
<a href="http://www.sitepoint.com/web/" class="page_banner_title_category">
|
|
<svg class="Logo" width="90px" height="90px" viewBox="0 0 90 90">
|
|
<g fill-rule="evenodd">
|
|
<path class="Logo_fg" d="M60.5299639,46.8560606 L57.7396134,44.1597092 L48.9136249,35.9566273 L45.1105871,39.6129308 C44.7621928,40.0876032 44.7856322,40.7346427 45.1841015,41.1865097 L48.65739,44.2196399 L48.6451376,44.221231 L52.389577,47.8361664 C52.8285325,48.3320532 52.8168128,49.0687236 52.3517544,49.5486996 L42.2776195,59.2362598 L46.8557547,63.6589338 L57.7268283,53.2039424 L60.5257022,50.5160767 C61.5756795,49.5062708 61.5778103,47.8663969 60.5299639,46.8560606 L60.5299639,46.8560606 Z M29.4986158,43.1134075 L32.2894991,45.8102893 L41.1154875,54.0117801 L44.9179927,50.3570677 C45.2663869,49.8813345 45.2429476,49.234295 44.845011,48.7829585 L41.3711897,45.7503586 L41.3834421,45.7482372 L37.6390027,42.1327714 C37.2011126,41.6374149 37.2117669,40.9002142 37.6757599,40.4212989 L47.7514929,30.7332084 L43.1733577,26.3110647 L29.5034102,39.4533915 C28.4523676,40.4637277 28.4507694,42.1030712 29.4986158,43.1134075 L29.4986158,43.1134075 Z"></path>
|
|
</g>
|
|
</svg>
|
|
Web </a>
|
|
</h2>
|
|
<div class="page_banner_adspot">
|
|
<div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-37"><!-- SP2013_Articles_728x90_1 -->
|
|
<div id="div-gpt-ad-article-header" style="width:728px; height:90px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-article-header"); });</script>
|
|
</div></div> <div class="widget maestro maestro-content-type-ad hide-for-desktop-SP hide-for-tablet-SP" id="maestro-product-50"><!-- SP2013_Articles_320x50_1 -->
|
|
<div id="div-gpt-ad-1392428092543-5" style="width:320px; height:50px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1392428092543-5"); });</script>
|
|
</div></div> </div>
|
|
|
|
<div class="page_banner_divider-container">
|
|
<hr/>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="page_content">
|
|
<article class="article" id="post-96973">
|
|
<header class="article_header">
|
|
<h1 class="article_title">Average Page Weight Increases 15% in 2014</h1>
|
|
|
|
|
|
<div class="contributor article_contributor">
|
|
|
|
<figure class="contributor_avatar">
|
|
<a href="http://www.sitepoint.com/author/craig-buckler/">
|
|
<img alt='' src='http://0.gravatar.com/avatar/439aeaff7de2bae365adc3eb4947b44d?s=96&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&r=G' class='avatar avatar-96 photo' height='96' width='96' /> </a>
|
|
</figure>
|
|
|
|
<div class="contributor_details">
|
|
<div class="contributor_name">
|
|
<a href="http://www.sitepoint.com/author/craig-buckler/">Craig Buckler</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="article_meta-data">
|
|
<p class="article_pub-date">Published <time datetime="2014-12-29" pubdate>December 29, 2014</time></p>
|
|
</div>
|
|
<div class="article_header__buttons">
|
|
|
|
<!-- make sure to update trackTweetsAndSubscriptions in scripts.js if the Tweet button DOM path changes in the future -->
|
|
<a class="button small transparent radius sp-twitter-share-button" target="_blank" href="https://twitter.com/share?text=Average+Page+Weight+Increases+15%25+in+2014&via=sitepointdotcom">
|
|
<i class="icon-twitter"></i>
|
|
Tweet
|
|
</a>
|
|
|
|
<!-- make sure to update trackTweetsAndSubscriptions in scripts.js if the Subscribe button DOM path changes in the future -->
|
|
<a class="button small transparent radius subscribe-button" target="_blank" href="https://confirmsubscription.com/h/y/1FD5B523FA48AA2B">
|
|
<!--<i class="icon-envelope-alt"></i>-->
|
|
Subscribe
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section class="article_body">
|
|
|
|
<p>The <a href="http://httparchive.org/trends.php">HTTP Archive Report</a> collates information from almost half a million of the web’s most popular websites. The latest figures indicate that average page weight has increased by 15% in one year to reach 1,953Kb — a little under 2Mb — and comprises 95 individual HTTP requests. While this is smaller than the <a href="/average-page-weights-increase-32-2013/">32% increase in 2013</a>, it remains cause for concern.</p>
|
|
<p>The report analyzes publicly-accessible content and shopping web sites rather than complex web applications and provides a breakdown of the technologies used:</p>
|
|
<table summary="web page weight" style="width:80%;text-align:right;margin:20px auto">
|
|
<tbody>
|
|
<tr>
|
|
<th>technology</th>
|
|
<th>end 2013</th>
|
|
<th>end 2014</th>
|
|
<th>increase</th>
|
|
</tr>
|
|
<tr>
|
|
<td>HTML</td>
|
|
<td>57Kb</td>
|
|
<td>59Kb</td>
|
|
<td>+4%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CSS</td>
|
|
<td>46Kb</td>
|
|
<td>57Kb</td>
|
|
<td>+24%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>JavaScript</td>
|
|
<td>276Kb</td>
|
|
<td>295Kb</td>
|
|
<td>+7%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Images</td>
|
|
<td>1,030Kb</td>
|
|
<td>1,243Kb</td>
|
|
<td>+21%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Flash</td>
|
|
<td>87Kb</td>
|
|
<td>76Kb</td>
|
|
<td>-13%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Other</td>
|
|
<td>205Kb</td>
|
|
<td>223Kb</td>
|
|
<td>+9%</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Total</td>
|
|
<td>1,701Kb</td>
|
|
<td>1,953Kb</td>
|
|
<td>+15%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p>These are average figures; a large proportion of pages will have greater file sizes.</p>
|
|
<p>A 2Kb rise for HTML seems reasonable although it’s a significant quantity of content given the trend for simpler, more concise text.</p>
|
|
<p>What surprises me most is CSS’s 11Kb rise. Responsive Web Design and CSS3 animations could account for some of this increase but there’s not been a drop in JavaScript. Despite the availability of CSS management and minification tools, the average site also makes six requests for CSS files.</p>
|
|
<p>JavaScript has risen by 19Kb. This is confusing; the need for shims is reducing, effects can be handed to CSS3 and monolithic libraries have fallen from favor. Sites make an average of 18 JavaScript file requests, which is unchanged from last year — although a quarter of sites make more than 30 requests. Perhaps some of the gain can be explained by increasingly sophisticated/bloated social networking scripts?</p>
|
|
<p>27% of sites continue to use Flash — a fall of 5% over the year. The majority is used for advertising, video, and games. Flash hasn’t dropped as fast as expected but its future is clear.</p>
|
|
<p>There’s been a 9% increase for “other” files. That figure doubled in 2013 but, back then, custom fonts and icon fonts were relatively new.</p>
|
|
<p>Finally, images are responsible for 85% of the weight gain. Using high-resolution (Retina) images could account for some of this hike, except:</p>
|
|
<ul>
|
|
<li>Pages contain more than fifty images, which seems excessive.</li>
|
|
<li>Retina accounts for a relatively small proportion of devices.</li>
|
|
<li>SVG, icon fonts, and CSS3 effects can replace many images.</li>
|
|
<li>There are <a href="http://tinypng.com/">numerous</a> <a href="https://tinyjpg.com/">tools</a> to help reduce file sizes.</li>
|
|
</ul>
|
|
<h2>Additional Factors</h2>
|
|
<p>The survey also reveals:</p>
|
|
<ul>
|
|
<li>95 HTTP requests are made per page — a drop of a single request from last year.</li>
|
|
<li>Pages contain 862 DOM elements.</li>
|
|
<li>Resources are loaded from sixteen domains with a maximum of 52 requests per domain.</li>
|
|
<li>The average <a href="https://developers.google.com/speed/pagespeed/">PageSpeed</a> score is 78 out of 100 — which is surprisingly good, given the bloat.</li>
|
|
<li>46% of pages use Google libraries.</li>
|
|
<li>47% of pages use custom fonts.</li>
|
|
<li>79% of responses are compressed (gzip’d).</li>
|
|
<li>14% of pages are loaded over HTTPS.</li>
|
|
<li>20% of pages use localStorage.</li>
|
|
<li>65% of pages use iframes (mostly videos and advertising).</li>
|
|
<li>74% of pages use at least one redirect — which seems high.</li>
|
|
</ul>
|
|
<h2>The Primary Suspects</h2>
|
|
<p>A 15% increase is less extravagant than the <a href="/average-page-weights-increase-32-2013/">32% rise in 2013</a> and the <a href="/web-page-weight-2012/">30% rise in 2012</a>, but it’s still too much. Has your bandwidth increased more than 15% in the past twelve months? A <a href="/browser-trends-december-2014-safari-survival/">third of web users now use mobile devices</a> — will they appreciate the additional weight?</p>
|
|
<p>Let’s put this into context for website owners. <strong>Bloated pages adversely affect your profitability:</strong></p>
|
|
<ol>
|
|
<li>Users have a slower experience. It doesn’t matter how great your site looks — <em>people will not wait</em>.</li>
|
|
<li>There’s little point creating a site that works on mobile devices when your pages are 2Mb. Responsive Web Design != a responsive website. Are you losing up to a third of potential customers?</li>
|
|
<li>Google will downgrade your site and harm your search engine optimization efforts (though we’re never sure exactly how much this matters to Google’s algorithm).</li>
|
|
<li>Your hosting costs will increase.</li>
|
|
<li>The more code you use, the more likely it will break. Updates and maintenance are more difficult, take longer and cost more.</li>
|
|
</ol>
|
|
<p>It’s ironic that web developers praise the benefits of cross-device HTML5 apps when a single page is often larger to download and slower than an equivalent native app.</p>
|
|
<p>Overweight pages are unnecessary. My primary suspects remain bloated CMS templates and frameworks. They offer a cheaper and quicker development route at the expense of quality, efficiency and performance. Many are packed with features you’ll never use, but removing them can be laborious, tedious, and time-consuming.</p>
|
|
<p>We can summarize the problem in one simple word: <em>laziness</em>. Developers are at fault — that’s you and me. We have plenty of excuses:</p>
|
|
<ul>
|
|
<li><em>there’s never enough time</em></li>
|
|
<li><em>the client insisted it should be done this way</em></li>
|
|
<li><em>the budget/schedule is too tight</em></li>
|
|
<li><em>I inherited a shoddy system</em></li>
|
|
<li><em>I don’t have the tools</em></li>
|
|
</ul>
|
|
<p>Whether it’s technical boundaries or a failure to explain issues, it’s still laziness. We work at the coal face; the final decisions are ours alone. Why create a badly-optimized site when many <a href="/complete-guide-reducing-page-weight/">bloat-blasting solutions</a> are simple and take minutes to implement?</p>
|
|
<p>Clients rarely appreciate the efficiency gains we make but they don’t understand <em>anything</em> we do. We are the experts, and minimizing page weight is an essential part of the job. Do it. It’s easier to beg for forgiveness than to ask for permission.</p>
|
|
<p></rant></soapbox></p>
|
|
<p>Are you concerned by the web obesity problem? Are you pleased the scale of increases has dropped? Do you or fellow developers struggle to implement optimization techniques or to explain them to clients? Do you think there are other causes? Is Craig being too simplistic and shouty?!</p>
|
|
|
|
</section>
|
|
|
|
<div class="article__author-bios">
|
|
|
|
<div class="contributor contributor--large">
|
|
|
|
<figure class="contributor_avatar">
|
|
<a href="http://www.sitepoint.com/author/craig-buckler/">
|
|
<img alt='' src='http://0.gravatar.com/avatar/439aeaff7de2bae365adc3eb4947b44d?s=96&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&r=G' class='avatar avatar-96 photo' height='96' width='96' /> </a>
|
|
</figure>
|
|
|
|
<div class="contributor_details">
|
|
|
|
<div class="contributor_name">
|
|
<a href="http://www.sitepoint.com/author/craig-buckler/">Craig Buckler</a>
|
|
</div>
|
|
|
|
|
|
<p class="contributor_longdesc">Craig is a freelance UK web consultant who built his first page for IE2.0 in 1995. Since that time he's been advocating standards, accessibility, and best-practice HTML5 techniques. He's written almost 1,000 articles for SitePoint and you can find him <a href="http://twitter.com/craigbuckler">@craigbuckler</a></p>
|
|
|
|
<ul class="contributor_social">
|
|
<li><a href="https://twitter.com/craigbuckler" target="_blank"><i class="icon-twitter"></i></a></li><li><a href="http://www.facebook.com/craigbuckler" target="_blank"><i class="icon-facebook"></i></a></li><li><a href="https://github.com/craigbuckler" target="_blank"><i class="icon-github"></i></a></li><li><a href="http://www.linkedin.com/in/craigbuckler" target="_blank"><i class="icon-linkedin"></i></a></li><li><a href="http://plus.google.com/+CraigBuckler" target="_blank"><i class="icon-google-plus"></i></a></li> </ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="related-content">
|
|
<h2>You might also like:</h2>
|
|
<ul class="article-list article-list--related">
|
|
<li class="article-list_item tile post-tile">
|
|
<article class="article article--micro article--micro--related category-web " data-disqus-id="http://www.sitepoint.com/10-web-predictions-2014/">
|
|
<header class="article_category"><h2 class="article_category_title"><a href="http://www.sitepoint.com/web/">Web</a></h2></header>
|
|
|
|
<section class="article_header">
|
|
<h1 class="article_title"><a href="http://www.sitepoint.com/10-web-predictions-2014/">10 Web Predictions for 2014</a></h1>
|
|
<div class="contributor article_contributor">
|
|
<p class="contributor_name article_author-name">by <a href="http://www.sitepoint.com/author/craig-buckler/">Craig Buckler</a></p>
|
|
</div>
|
|
|
|
<div class="article_meta-data"><p class="article_pub-date"><time datetime="2014-01-01 07:30:06" pubdate>Jan 01, 2014</time></p></div>
|
|
</section>
|
|
</article>
|
|
</li> <div class="widget maestro maestro-content-type-html " id="maestro-product-15"><li class="article-list_item tile post-tile">
|
|
<article class="article article--micro article--micro--related category-web">
|
|
<header class="article_category"><h2 class="article_category_title"><a href="https://learnable.com?utm_source=sitepoint&utm_medium=related-items&utm_content=js-bootstrap">Learnable</a></h2></header>
|
|
<section class="article_header">
|
|
<h1 class="article_title"><a href="https://learnable.com/books/jump-start-bootstrap?utm_source=sitepoint&utm_medium=related-items&utm_content=js-bootstrap">Book: Jump Start Bootstrap</a></h1>
|
|
<div class="contributor article_contributor">
|
|
<p class="contributor_name article_author-name">by <a href="http://www.sitepoint.com/author/sfrahman/">Syed Fazle Rahman</a></p>
|
|
</div>
|
|
<div class="article_meta-data"><p class="article_pub-date">PREMIUM</p></div>
|
|
</section>
|
|
</article>
|
|
</li></div> <li class="article-list_item tile post-tile">
|
|
<article class="article article--micro article--micro--related category-web " data-disqus-id="http://www.sitepoint.com/10-web-predictions-2013-results/">
|
|
<header class="article_category"><h2 class="article_category_title"><a href="http://www.sitepoint.com/web/">Web</a></h2></header>
|
|
|
|
<section class="article_header">
|
|
<h1 class="article_title"><a href="http://www.sitepoint.com/10-web-predictions-2013-results/">10 Web Predictions for 2013: the Results!</a></h1>
|
|
<div class="contributor article_contributor">
|
|
<p class="contributor_name article_author-name">by <a href="http://www.sitepoint.com/author/craig-buckler/">Craig Buckler</a></p>
|
|
</div>
|
|
|
|
<div class="article_meta-data"><p class="article_pub-date"><time datetime="2013-12-30 07:28:34" pubdate>Dec 30, 2013</time></p></div>
|
|
</section>
|
|
</article>
|
|
</li> </ul>
|
|
</div>
|
|
|
|
<div class="promo-panel">
|
|
<div class="widget maestro maestro-content-type-product " id="maestro-product-29"><div class="promo-panel_media-object"><img src="https://d2sis3lil8ndrq.cloudfront.net/books/jshtml-basics1_medium_3d.png" /></div>
|
|
<div class="promo-panel_content">
|
|
<h1 class="promo-panel_title">
|
|
Free book: Jump Start HTML5 Basics
|
|
</h1>
|
|
<p>Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.</p>
|
|
<form class="promo-panel_action"><input type="email" name="email" class="promo-panel_email" placeholder="email address" /><input type="hidden" name="content" value="29" /><button class="button radius">Claim Book</button></form>
|
|
</div></div> </div>
|
|
|
|
<div class="widget maestro maestro-content-type-ad hide-for-desktop-SP hide-for-tablet-SP" id="maestro-product-51"><!-- SP2013_Articles_320x50_2 -->
|
|
<div id="div-gpt-ad-1392428092543-6" style="width:320px; height:50px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1392428092543-6"); });</script>
|
|
</div></div>
|
|
<a id="comments"></a>
|
|
<div class="Comments">
|
|
<div class="Comments_header">
|
|
<i class="icon-comment"></i>
|
|
<span class="u-base">Comments</span>
|
|
</div>
|
|
<div class="Comments_actions">
|
|
<a href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531" class="Comments_action">
|
|
<i class="icon-reply"></i>
|
|
<span class="u-base">Have Your Say</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="CommentsContent"><div class="Comment">
|
|
<a class="CommentAvatar" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/2" target="_blank">
|
|
<img alt="isights" src=" http://community.sitepoint.com/user_avatar/community.sitepoint.com/isights/64/13649.png" class="CommentAvatar_img">
|
|
</a>
|
|
|
|
<div class="CommentContent">
|
|
<div class="CommentHeader">
|
|
<a class="CommentDate" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/2" target="_blank">December 29, 2014</a>
|
|
<a class="CommentAuthor" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/2" target="_blank">isights:</a>
|
|
</div>
|
|
|
|
<div class="CommentMessage"><p>Seems obvious to me. The increase in image weight isn't so much retina as it is the fact that we're increasingly building more single-page layouts utilizing ever larger background and parallax images.</p>
|
|
|
|
<p>Further, the CSS size increase is (or should be) fairly obvious as well: we're building responsive layouts that contain more media queries and device specific breakpoints and layouts. Web sites now need the CSS to look good on the desktop, on tablets, and on mobile phones.</p></div>
|
|
</div>
|
|
</div><div class="Comment">
|
|
<a class="CommentAvatar" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/3" target="_blank">
|
|
<img alt="RyanReese" src=" http://community.sitepoint.com/user_avatar/community.sitepoint.com/ryanreese/64/19662.png" class="CommentAvatar_img">
|
|
</a>
|
|
|
|
<div class="CommentContent">
|
|
<div class="CommentHeader">
|
|
<a class="CommentDate" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/3" target="_blank">December 29, 2014</a>
|
|
<a class="CommentAuthor" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/3" target="_blank">RyanReese:</a>
|
|
</div>
|
|
|
|
<div class="CommentMessage"><p>I'd also think it's because more and more people are using frameworks - all that added code. That was my original thought when this was posted. Media queries are probably mixed in there also.</p></div>
|
|
</div>
|
|
</div><div class="Comment">
|
|
<a class="CommentAvatar" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/4" target="_blank">
|
|
<img alt="zackw" src=" http://community.sitepoint.com/user_avatar/community.sitepoint.com/zackw/64/20413.png" class="CommentAvatar_img">
|
|
</a>
|
|
|
|
<div class="CommentContent">
|
|
<div class="CommentHeader">
|
|
<a class="CommentDate" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/4" target="_blank">December 30, 2014</a>
|
|
<a class="CommentAuthor" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/4" target="_blank">zackw:</a>
|
|
</div>
|
|
|
|
<div class="CommentMessage"><p>I blame framework bloat and overuse of scaffolding as well.<br>I cringe whenever I look at the CSS source of something cool, only to see something as simple as a box with a title drowning in 300 lines of CSS, with the same color and other attributes overridden 3, 4, 5 times.</p>
|
|
|
|
<p>The typical workflow now is start with a framework, then another theme/style, then a master file, then an override file, etc etc. Don't touch the master, just customize in an override.</p>
|
|
|
|
<p>I almost wish we could go back to the old days where we, shock, just style the site directly as it's supposed to be, and not have to constantly override CSS that isn't used in the first place.</p>
|
|
|
|
<p>I believe a rise in simple, minimal CSS frameworks will come back, with technologies like SASS and SCSS allowing us to style sites and generate single-level CSS that doesn't not require overrides and bloat.<br>Either that or we'll see a resurgence of designers wanting to build all custom CSS again, and a slew of tools to allow quick style development.</p></div>
|
|
</div>
|
|
</div><div class="Comment">
|
|
<a class="CommentAvatar" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/5" target="_blank">
|
|
<img alt="chris22smith" src=" http://community.sitepoint.com/user_avatar/community.sitepoint.com/chris22smith/64/20416.png" class="CommentAvatar_img">
|
|
</a>
|
|
|
|
<div class="CommentContent">
|
|
<div class="CommentHeader">
|
|
<a class="CommentDate" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/5" target="_blank">December 30, 2014</a>
|
|
<a class="CommentAuthor" href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531/5" target="_blank">chris22smith:</a>
|
|
</div>
|
|
|
|
<div class="CommentMessage"><p>That's all a bit depressing. I think the point about the laziness and dependency on ready-made, bloated solutions is absolutely spot on. At least now we all know what our resolutions should be for 2015!</p></div>
|
|
</div>
|
|
</div></div>
|
|
<div class="Comments_actions">
|
|
<a href="http://community.sitepoint.com/t/average-page-weight-increases-15-in-2014/108531" class="Comments_action">
|
|
<i class="icon-reply"></i>
|
|
<span class="u-base">Have Your Say</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
<aside class="page_aside article_aside">
|
|
<div class="adrow--top">
|
|
<div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-1"><!-- SP2013_Articles_300x250_1 -->
|
|
<div id="div-gpt-ad-1392428092543-0" style="width:300px; height:250px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1392428092543-0"); });</script>
|
|
</div></div> </div>
|
|
<div class="adrow--middle">
|
|
<div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-172"><!-- Sitepoint_125x125 -->
|
|
<div id="div-gpt-ad-1400800012700-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400800012700-0"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-166"><!-- Sitepoint_125x125_2 -->
|
|
<div id="div-gpt-ad-1400782268851-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400782268851-0"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-167"><!-- Sitepoint_125x125_3 -->
|
|
<div id="div-gpt-ad-1400782991292-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400782991292-0"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-168"><!-- Sitepoint_125x125_4 -->
|
|
<div id="div-gpt-ad-1400783440189-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400783440189-0"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-169"><!-- Sitepoint_125x125_5 -->
|
|
<div id="div-gpt-ad-1400783664460-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400783664460-0"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-170"><!-- Sitepoint_125x125_6 -->
|
|
<div id="div-gpt-ad-1400783847643-0" style="width:125px; height:125px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1400783847643-0"); });</script>
|
|
</div></div> </div>
|
|
<div class="adrow--bottom">
|
|
<div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-48"><!-- SP2013_Articles_300x250_4 -->
|
|
<div id="div-gpt-ad-1392428092543-3" style="width:300px; height:250px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1392428092543-3"); });</script>
|
|
</div></div><div class="widget maestro maestro-content-type-ad hide-for-mobile-SP" id="maestro-product-49"><!-- SP2013_Articles_300x600_1 -->
|
|
<div id="div-gpt-ad-1392428092543-4" style="width:300px; height:600px;" class="adspot">
|
|
<script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1392428092543-4"); });</script>
|
|
</div></div> </div>
|
|
</aside>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer" role="contentinfo">
|
|
<div class="row">
|
|
|
|
<ul class="footer-links">
|
|
<li class="foot-link_item">
|
|
<h3>About</h3>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/about-us/">About us</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/advertising">Advertise</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/press">Press Room</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/legals">Legals</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="mailto:feedback@sitepoint.com">Feedback</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/write-for-us">Write for Us</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="footer-links">
|
|
<li class="foot-link_item">
|
|
<h3>Our Sites</h3>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="https://learnable.com" target="_blank">Learnable</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="http://reference.sitepoint.com" target="_blank">Reference</a>
|
|
</li>
|
|
<li class="foot-link_item">
|
|
<a href="/web-foundations/">Web Foundations</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="footer-links">
|
|
<li class="foot-link_item">
|
|
<h3>Connect</h3>
|
|
</li>
|
|
<li class="foot-link_item foot-link_item--icons">
|
|
<a href="/feed"><i class="icon-rss icon-blocks icon-blocks--rss"></i></a>
|
|
<a href="/newsletter"><i class="icon-envelope-alt icon-blocks icon-blocks--newsletter"></i></a>
|
|
<a href="https://www.facebook.com/sitepoint" target="_blank"><i class="icon-facebook icon-blocks icon-blocks--facebook"></i></a>
|
|
<a href="http://twitter.com/sitepointdotcom" target="_blank"><i class="icon-twitter icon-blocks icon-blocks--twitter"></i></a>
|
|
<a href="https://plus.google.com/+sitepoint" target="_blank"><i class="icon-google-plus icon-blocks icon-blocks--google-plus"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
<p class="site-footer_copyright">
|
|
© 2000 – 2015 SitePoint Pty. Ltd.
|
|
</p>
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
<div id="search-dropdown">
|
|
<div data-role="search-for">
|
|
<a class="search-link" href="#">Search for...</a>
|
|
</div>
|
|
<ul data-role="results"></ul>
|
|
</div>
|
|
|
|
<script type='text/javascript'><!--
|
|
var seriesdropdown = document.getElementById("orgseries_dropdown");
|
|
if (seriesdropdown) {
|
|
function onSeriesChange() {
|
|
if ( seriesdropdown.options[seriesdropdown.selectedIndex].value != ( 0 || -1 ) ) {
|
|
location.href = "http://www.sitepoint.com/series/"+seriesdropdown.options[seriesdropdown.selectedIndex].value;
|
|
}
|
|
}
|
|
seriesdropdown.onchange = onSeriesChange;
|
|
}
|
|
--></script>
|
|
|
|
<div id="triggered-cta-box-wrapper" class="triggered-cta-box-wrapper triggered-cta-box-wrapper--bottom"><a href="#close" id="triggered-cta-box-close">x</a></div>
|
|
<script type="text/javascript">
|
|
(function () {
|
|
var variant = (Math.random() < 0.5 ? "a" : "b");
|
|
var boxContents = {
|
|
a: '<div class="triggered-cta-box campaign-free-ebook"> <div class="campaign-free-ebook__row1" style="max-width:40em"> <div class="campaign-free-ebook__row1__column1" style="margin-left:1em;width:60%"> <p class="logo-wrapper"><img src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/02/1392770725sp-logo-42x50.png" alt="SitePoint logo" /></p> <h1>Get 50% Off Learnable and Help the Penguin Foundation!</h1> <p>This is your chance to access all SitePoint books and courses for two years for just $144, <em>plus</em> help us raise $50,000 for the Penguin Foundation!</p> </div> <div class="campaign-free-ebook__row1__column2"style="width:35%"> <img class="books-image" src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/12/1417752395penguin_sitepoint.jpg" alt="Penguin holding a SitePoint sign" /> </div> </div> <div class="campaign-free-ebook__row2"> <form> <div align="center" class="campaign-free-trial-v2__row2"> <a class="submit-btn btn-buy button" href="http://www.sitepoint.com/christmas-sale-1/" style="margin-bottom: 0px;">Get 50% Off Now!</a> </div> <div class="campaign-free-ebook__row2__div2"> <div class="campaign-free-ebook__row2__div2__column1"> <p id="triggered-cta-box-message"></p> </div> </div> </form> </div></div>',
|
|
b: '<div class="triggered-cta-box campaign-free-ebook"> <div class="campaign-free-ebook__row1" style="max-width:40em"> <div class="campaign-free-ebook__row1__column1" style="margin-left:1em;width:60%"> <p class="logo-wrapper"><img src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/02/1392770725sp-logo-42x50.png" alt="SitePoint logo" /></p> <h1>Your first month of Learnable for just $1!</h1> <p>This month only, we\'re dropping the price of your first month of Learnable to $1. That gives you access to all SitePoint books and web development courses!</p> </div> <div class="campaign-free-ebook__row1__column2"style="width:35%"> <img class="books-image" src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/12/14189681031dollarslider_360.png" alt="Learnable for $1" /> </div> </div> <div class="campaign-free-ebook__row2"> <form> <div align="center" class="campaign-free-trial-v2__row2"> <a class="submit-btn btn-buy button" href="http://www.sitepoint.com/christmas-sale-13/?utm_source=SitePoint&utm_medium=Slider&utm_campaign=1dollarslider" style="margin-bottom: 0px;">Start Learning Now</a> </div> <div class="campaign-free-ebook__row2__div2"> <div class="campaign-free-ebook__row2__div2__column1"> <p id="triggered-cta-box-message"></p> </div> </div> </form> </div></div>'
|
|
};
|
|
var campaigns = {
|
|
a: "sitepoint-penguin-slideup",
|
|
b: "learnable-dollar-slideup"
|
|
};
|
|
var triggeredCtaBoxWrapperEl = document.getElementById("triggered-cta-box-wrapper");
|
|
var boxContentsEl = document.createElement("div");
|
|
|
|
boxContentsEl.innerHTML = boxContents[variant];
|
|
triggeredCtaBoxWrapperEl.appendChild(boxContentsEl);
|
|
|
|
window.triggeredCtaBox = {
|
|
variant: variant,
|
|
boxSelector: "#triggered-cta-box-wrapper",
|
|
bgSelector: ".triggered-cta-box-wrapper-bg",
|
|
closeSelector: "#triggered-cta-box-close",
|
|
closeLinkSelector: ".triggered-cta-box-close-link",
|
|
campaign: campaigns[variant],
|
|
boxType: "bottom",
|
|
mobileEnabled: false,
|
|
cookieLife: 14,
|
|
triggerType: "scroll",
|
|
triggerRequiredPages: 0,
|
|
triggerValue: 25,
|
|
slideSpeed: 1000,
|
|
ajaxUrl: "https://www.sitepoint.com/wp-admin/admin-ajax.php"
|
|
};
|
|
})();
|
|
</script>
|
|
<!--Plugin WP Missed Schedule 2013.1231.2013 Active - Tag 6707293c0218e2d8b7aa38d418ffa608-->
|
|
|
|
<!-- This site is patched which an important unfixed problem since WordPress 2.5+ to 3.9+ -->
|
|
|
|
|
|
|
|
<!-- START Parse.ly Include: Standard -->
|
|
<div id="parsely-root" style="display: none">
|
|
<div id="parsely-cfg" data-parsely-site="sitepoint.com"></div>
|
|
</div>
|
|
<script>
|
|
(function(s, p, d) {
|
|
var h=d.location.protocol, i=p+"-"+s,
|
|
e=d.getElementById(i), r=d.getElementById(p+"-root"),
|
|
u=h==="https:"?"d1z2jf7jlzjs58.cloudfront.net"
|
|
:"static."+p+".com";
|
|
if (e) return;
|
|
e = d.createElement(s); e.id = i; e.async = true;
|
|
e.src = h+"//"+u+"/p.js"; r.appendChild(e);
|
|
})("script", "parsely", document);
|
|
</script>
|
|
<!-- END Parse.ly Include: Standard -->
|
|
|
|
<script type='text/javascript' src='//www.sitepoint.com/wp-content/themes/sitepoint/assets/javascripts/scripts-foot-1fff1067b547366e2ddc5d3cb9d0cb1f.js?ver=4.0'></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$(".article_header__buttons .sp-twitter-share-button").on("click", function (evt) {
|
|
evt.preventDefault();
|
|
|
|
var url = "https://twitter.com/intent/tweet?" + $.param({
|
|
url: "http://www.sitepoint.com/average-page-weight-increases-15-2014/",
|
|
text: "Average Page Weight Increases 15% in 2014",
|
|
via: "sitepointdotcom"
|
|
});
|
|
|
|
var popupWidth = 550,
|
|
popupHeight = 420,
|
|
screenWidth = screen.width,
|
|
screenHeight = screen.height,
|
|
popupLeftOffset = Math.round(screenWidth / 2 - popupWidth / 2),
|
|
popupTopOffset = 0;
|
|
if (screenHeight > popupHeight) {
|
|
popupTopOffset = Math.round(screenHeight / 2 - popupHeight / 2);
|
|
}
|
|
window.open(url, null, "scrollbars=yes,resizable=yes,toolbar=no,location=yes" + ", width=" + popupWidth + ", height=" + popupHeight + ", left=" + popupLeftOffset + ",top=" + popupTopOffset);
|
|
});
|
|
});
|
|
</script><script>
|
|
$(document).ready(function() {
|
|
$(".article_header__buttons .subscribe-button").on("click", function (evt) {
|
|
evt.preventDefault();
|
|
|
|
var url = evt.target.href;
|
|
|
|
var popupWidth = 550,
|
|
popupHeight = 720,
|
|
screenWidth = screen.width,
|
|
screenHeight = screen.height,
|
|
popupLeftOffset = Math.round(screenWidth / 2 - popupWidth / 2),
|
|
popupTopOffset = 0;
|
|
if (screenHeight > popupHeight) {
|
|
popupTopOffset = Math.round(screenHeight / 2 - popupHeight / 2);
|
|
}
|
|
window.open(url, null, "scrollbars=yes,resizable=yes,toolbar=no,location=yes" + ", width=" + popupWidth + ", height=" + popupHeight + ", left=" + popupLeftOffset + ",top=" + popupTopOffset);
|
|
});
|
|
});
|
|
</script><script>(function($){$(document).ready(function(){ if(typeof DISQUSWIDGETS != "undefined"){DISQUSWIDGETS.loadCount($, "sitepointproduction")} });})(jQuery);</script>
|
|
</body>
|
|
</html>
|
|
|
|
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/
|
|
|
|
Page Caching using memcached
|
|
Object Caching 864/901 objects using memcached
|
|
Content Delivery Network via Amazon Web Services: CloudFront: dab1nmslvvntp.cloudfront.net
|
|
|
|
Served from: www.sitepoint.com @ 2015-01-03 03:05:07 by W3 Total Cache --> |