Twenty-fourteen saw an addition of 89 institutions (see the list below) to the HigherEd RWD directory, bringing the total to 252. So how is higher-ed stacking up to the industry as a whole? According to a HTTP Archive report, the average industry page weight in 2014 increased by 15% to 1.95 MB, with an average of 95 requests. So while the total number requests are lower, the average size for higher-ed sites (desktop) is nearly half a megabyte larger than the rest of the industry.
This was quite a year for web development. It seemed like every week there was a new framework or tool appearing on the scene. Below are what I consider the highs and lows of web development in 2014.
I like to stand. Not for any specific reason, just in general. If I’m left to my own devices when eating at home, I’ll stand in the kitchen or walk around the house while eating (much to wife’s chagrin). Pretty much anywhere I can get away with standing over sitting, I will. Maybe it’s because for my entire professional career, I’ve had to sit for 8-10 hours every day, that when I wasn’t “at a computer”, I opted to stand. So four years ago when I started reading about the health benefits of standing, I took to it immediately.
Web design goes through trends. Web development goes through trends. It happens. We find something that works, or we see something we like, and it gets copied and propragated around the web. I’ve lamented some practices such as scroll-jacking, and commented about how ineffective carousels can be. I’ve never done the former, the latter… way too many times. But there are recent trends centered around trying to get a visitors information, interaction, or increasing ad impressions that have become downright frustrating. I’m sure I’m not the only one, but I’m to the point that if a site employs one of the following “trends”, I will leave immediately and not come back.
Today Luke Wroblewski asked: “What % of page views or visitors click on the Twitter or Facebook button on a page? Who’s willing to share some data?”. I shared some initial stats in the conversation, but I figured I’d pull some actual percentages to share with the dear reader.
A photo from BDConf San Diego (July 2013) has popped up here and there on the web in the months following, most recently in An Event Apart Flickr set. Quite often, as in this case, it is lacking context around what’s actually being depicted. The photo shows a responsive website printed out at the width of an iPhone. The reason it’s notable is because the result is a rather long website. However, this depiction of the site doesn’t actually get served to mobile devices.
It’s been fairly well documented that the average size of webpages has been growing by leaps and bounds, with images making up the majority of the size. Based on my own stats for 160+ HigherEd responsive sites, images account for 73% of the total download. And when you’re dealing with a long-form page like www.ND.edu, images can account for even more (92% to be exact). In a situation like this, finding ways to cut down on the number of images, or deferring the loading of images, can result in a huge impact on not just the download size, but load-time as well.
As a developer, I’m always interested in finding new tools. Often this comes from chatting with other developers and finding out what they use and why. In the spirit of this, below are the tools I use a daily basis in case it helps someone else find somethig useful.