Seven Ways to Shed Weight Fast!...For Your Website

With the holiday season and all of its excesses in the rearview mirror, for many of us, our thoughts turn next to resolution-making, specifically vowing to shed the extra pounds that are the collective result of any number of regrettable dietary choices made over the course of past months, from digging into the kids’ trick-or-treating bags to raiding the fridge for Thanksgiving leftovers to a daily egg nog latte habit. But while we’re in resolution-making mode, we’d do well to think not only about how to trim our waistlines but also how to slim down our websites. Why? Just like all those little culinary indulgences add up to extra pounds on our bodies, the small additions you might have made here and there on your website can weigh it down and leave its performance in the same type of sluggish slump as you might feel after one too many pieces of grandma’s pumpkin pie.

The problem

Today’s websites have become bloated, with the average web page tipping the scales at over 2 megabytes. That may not sound like much in an era when we’re well accustomed to talking in terms of gigabytes and even terabytes. However, when it comes to the Web, even 2 megabytes is too much, especially for visitors using low bandwidth or mobile devices, who are likely to leave your site rather than wait for a too-slow page to load, leaving you in the perilous position of losing their business altogether. Hefty page weight and poor performance can also have a negative impact on your site’s search ranking, as Google and other search engines now include these elements as key factors in their algorithms. As a result, streamlining the size of your web pages is certainly a best practice, but where do you begin? Just as shedding pounds requires you to make changes in multiple aspects of your lifestyle, there are a number of aspects of your website that you can examine to find ways to trim the unnecessary dead weight that’s detrimental your site’s performance.

Your seven-step plan for website weight-loss success

1. Optimize images.

As giant, screen-spanning images have become a popular trend in website design, pages have gotten heavier and heavier over the years. One way you can make a drastic reduction in the weight of your web pages is to ensure that the images on your site are properly optimized for the Web and that you’re not serving unnecessarily large images to mobile devices with small screen sizes.

2. Retool HTML files.

HTML files also impact the download size of a page, so look for ways to optimize the code to reduce the overall size of the file. Although these savings are likely to be small, remember that even small changes can add up to measurable improvements.

3. Streamline style sheets.

Because CSS files must be downloaded in order for a user to view your site, poorly formatted files or loading of unnecessary styles can increase the size of downloads. Requiring multiple style sheets can also have a negative impact on performance, since each one will require a separate HTTP request to fetch that file.

4. Ditch JavaScript where possible.

Using JavaScript files or libraries is a common practice in modern website design, but when it comes to optimizing page download size, there are a few drawbacks to this approach. First, requiring an entire library for just one effect (like an animated carousel of images) is not the best use of bandwidth. It can also lead to a critical user experience fail if your website does not work as intended because a visitor has elected to disable JavaScript in their browser. In some cases, JavaScript may be necessary, but be sure to make the distinction between when it is truly a must-have versus when it is simply a nice-to-have feature.

5. Use Web fonts sparingly.

The rise of Web fonts has given designers much more flexibility in their application of typography on the Web. Instead of being forced to select from only a handful of Web-safe fonts, Web fonts allow new typefaces to be included with a site’s files or linked from a third-party resource, such as Google Fonts or Adobe’s Typekit service. While these solutions have greatly increased the options available to designers, they can also significantly impact the performance of a web page. Font files must be downloaded with the page, so it is important to keep these to a minimum. Requiring three or four different weights of one font may be attractive from a visual standpoint, but it will be brutal from a file size perspective.

6. Eliminate external feeds whenever possible.

Content that is pumped in from other sites, including social media feeds and ads from by a third-party provider, will absolutely slow a website down, as external feeds are notorious bandwidth hogs. While these resources are sometimes necessary, their use should be limited as much as possible.

7. Check for CMS dependencies.

If your site uses a content management system, there are likely to be aspects of that CMS and how it is configured that play a role in performance. Since CMS platforms draw their content from a database, the calls to that database can slow the download speed of your page if there are too many of them or if they are not configured properly.

Know your numbers

Just as you need a scale to help you gauge your progress toward your target weight, you also need tools to help you measure the impact the steps you’ve taken above have made in improving the performance of your website. The Website Speed Test from Dotcom Monitor is a great tool that allows you to “instantly test your website speed in real browsers from 23 locations worldwide.” This application will not only tell you how large your page is but also measure its load time and reveal which elements contribute most to its size (similar tests are also available from Google). Armed with this data, you can charge forth with confidence, knowing that your website will soon be a leaner, meaner business growth machine – no fad diets or gym memberships required!

---

We the Media

Even before the first iPhone 4 left stores, and even as customers were enduring all manner of conditions while waiting in line for a chance to get their hands on Apple’s latest mobile phenomenon, the Web was already ablaze with reports about a possible design flaw in the wrap-around antenna that interferes with reception.

The story begins on the afternoon of June 23, when Fame Foundry started a discussion thread on the MacRumors community forum about a problem we encountered straight out of the box. Among the lucky 600,000 to successfully pre-order the highly sought-after device on June 15, we shot and posted this video to demonstrate the issue we had discovered:

In just over 24 hours since, the conversation in the discussion thread has continued across 46 pages, as other users have chimed in with their own theories, reviews, experiments and videos.

More significantly, the story of the apparent operating glitch has taken on a life of its own, leaping from the obscure fanboy territory of the MacRumors forum and ascending to the upper echelons of media.

The first to pick it up were tech blogs like Gizmodo, Mashable and Engadget. Soon after mainstream outlets including The Street, MSNBC and CNN followed suit. By the afternoon of June 24, Fame Foundry was fielding phone calls from reporters from national media organizations, all tracing back to the original YouTube video, which has received more than 400,000 views at the time of this posting.

The launch of the iPhone 4 has been a remarkable case study in the nature of today’s media and the ways and speed at which information spreads.

When photos and videos of a still-in-development iPhone 4 were published on Gizmodo, the story of how the device escaped the grasp of Apple’s famously impenetrable security and landed in the hands of a tech blogger became a much bigger story than the gadget’s shiny new design.

The launch of the iPhone 4 has been a remarkable case study in the nature of today’s media and the ways and speed at which information spreads.When the time arrived for the official announcement on June 7, Steve Jobs proved that the leaked photos had hardly stolen the device’s thunder, as he proudly introduced groundbreaking features such as video calling, 960-by-640 resolution display and high definition video recording. However, it is likewise worth noting that there were so many bloggers in attendance reporting live from the WWDC keynote event that a network overload brought Jobs’ product demonstration to a temporary standstill.

The hype surrounding iPhone 4 hit fever pitch on the first day of pre-orders. Apple racked up record-breaking sales, but this success story shared the headlines with the technical difficulties caused by the massive influx of traffic hitting their website, propelled largely by vocal frustrated customers who spent hours trying in vain to place their orders.

Returning to the events of the past two days, if a similar problem had occurred even just a few years ago, it would have taken much longer to come to light. In the absence of the instant connectivity of social media platforms and fan forums, users who encountered a reception issue might have assumed it was an isolated problem or that their particular device was defective, and Apple's customer service department would have been the only channel through which they could address their concerns.

By contrast, within hours of the first video being posted, there were legions of interconnected customers, bloggers and media outlets on the case, executing their own tests and drawing their own conclusions.

Interestingly, as of the time of this posting, the only response from Apple has come in an e-mail exchange between Steve Jobs and an iPhone 4 user (via MacRumors), in which Jobs describes the problem as a “Non issue. Just avoid holding it that way.”

Later, Jobs elaborated further on his position in a follow-up message:

Gripping any phone will result in some attenuation of its antenna performance, with certain places being worse than others depending on the placement of the antennas. This is a fact of life for every wireless phone. If you ever experience this on your iPhone 4, avoid gripping it in the lower left corner in a way that covers both sides of the black strip in the metal band, or simply use one of many available cases.

And so begins the next chapter in the iPhone 4 saga. Not surprisingly, this response is already showing up on blogs across the Internet, spreading just as quickly as the initial complaints.

Such is the nature of PR in today's 24-hour, on-demand information free-for-all. A single user-generated video becomes a viral sensation that far outshines the typical puff piece stories on how many people are eagerly waiting in line to buy the next great thing. Consumer backlash starts with a groundswell that becomes a tidal wave. A few brief sentences in an e-mail from one of the world’s most powerful CEOs stands in lieu of a carefully crafted press release as the company’s official statement. There is constant push and pull as corporate entities like Apple attempt to steer public sentiment in their favor – a delicate balancing act that requires juggling the mainstream press, the blogger nation and the average consumer with a Facebook or Twitter account.

As the course of events surrounding the iPhone 4 launch demonstrates, no one is safe when there is a potential reporter behind every keyboard and every camera phone – not even Apple with its notoriously loyal fan base.

More...

June 26

Test Shows iPhone Antenna Issue Impacts Voice Transmission Too [Gizmodo]

June 29

Leaked: Apple's Internal iPhone 4 Antenna Troubleshooting Procedures [Boy Genius Report]

June 30

First iPhone 4 Class Action Suit Filed Against Apple and AT&T [Gizmodo]

July 2

Letter from Apple Regarding iPhone 4 [Apple]

Apple "Stunned" to Find iPhones Show Too Many Bars [AP]

Class Action Lawyers Predictably Unimpressed with Apple's Statement [TechCrunch]

July 5

Apple Waiving 10% Restocking Fee for Returned iPhones [IntoMobile]

July 6

AppleCare: The iPhone Update Won't Solve the Antenna Problem [Gizmodo]

The iPhone is Ruining My Life! [Aol Small Business]

July 7

iPhone 4 Complaints Mounting: A Rocky Rollout [CIO]

iPhone 4: Officially a Hot Mess [Inc.]

July 12

Apple Deleting Mentions of Consumer Reports' iPhone 4 Piece on Forums, Can't Delete Your Thoughts [Engadget]

PR Experts: iPhone 4 Hardware Recall Is "Inevitable" [Cult of Mac]

July 13

iPhone Antenna Outcry Escalates with Recall Demand [MSNBC]

July 14

What Apple Must Do to Stop the Bleeding [Mashable]

Microsoft Exec Mocks iPhone 4, Dubs it Apple's Vista [Computerworld]

Video: Does iOS 4.1 Fix the iPhone 4's Death Grip Antenna Issue? [TechCrunch]

Every Week Apple Doesn't Act on iPhone 4 Antenna Could Cost $200M [AppleInsider]

Report: Apple Holding Friday Press Conference on iPhone 4 [PC Magazine]

July 15

Apple Engineer Told Jobs iPhone Antenna Might Cut Calls [Bloomberg]

New York Senator Charles Schumer Writes Open Letter to Steve Jobs [Boy Genius Report]

iPhone 4 Signal Issue Can Be Fixed With a Software Update? [MacRumors]

July 16

Live from Apple's iPhone 4 Phone Conference [Engadget]

Apple's "Antennagate" Mea Culpa – Free Case Until September 30 [ZDNet]

A Defiant Steve Jobs Confronts "Antennagate" [The Wall Street Journal]

Jobs Calls Bloomberg Antenna Article a "Total Crock" [MacNN]

July 17

Apple's Claims About Other Phones – There's a Response For That [The Wall Street Journal]

July 18

iPhone Defense Prompts New Debate [The Wall Street Journal]

July 19

"Antennagate" Reactions: RIM, Nokia, Taiwanese Animation [MacRumors]

HTC, Samsung Rebut Apple's Smartphone Claims [The Wall Street Journal]

Steve Jobs's Disastrous iPhone 4 Press Conference [Harvard Business Review]

 

---