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!

---

Fame Foundry Sound Off: AT&T's Seth the Blogger Guy

As the exclusive carrier for the iPhone in the U.S., AT&T has found itself in the midst of a PR nightmare of its own making. Most customers have a love/hate relationship with the company, and even worse for AT&T, these customers are very vocal about their issues. As fervently as they sing the praises of their iPhones, they also profess their contempt for the network's unreliable service and vent their resentment of the carrier's stranglehold on the device. In an attempt to tip the scales of public opinion back in favor of love, AT&T has once again rolled out “Seth the Blogger Guy,” who made his debut on the company's YouTube channel earlier this year to hype the launch of the iPhone 3GS: In response, Fame Foundry's agents address AT&T, Seth and yet another misguided effort by a faceless corporation to work magic through social media.

• 

• The Architect

  I have no idea who "Seth the Blogger Guy" is. He's obviously not a "blogger guy"; he's an AT&T spokesman. It immediately comes off as insulting that AT&T would assume I would know this guy and buy what he says from that point on because he's "just one of us." 

• 

• The Craftsman

  Why is a "blogger guy" delivering this message? He does not come across as an AT&T authority that can in any way influence the reliability of their network. It's almost as if they found a guy in a cubicle and asked him to be in a video. I also don't appreciate the Schoolhouse Rock approach to explaining what happens when a call is made. First of all, don't insult my intelligence. Secondly, I don't really care. I just want it to work.

• 

• The Developer

  This just goes to show that not only does AT&T not understand the people they are talking to, neither does the ad agency that made this lame video. It is a blatant PR attempt to position themselves as a leader instead of being honest and apologizing. Today's consumers want honesty, and obviously neither AT&T or the company that produced this video understands this simple fact. Suck it up, AT&T, and give us a sincere apology and a credit for the crappy service so we know you're serious.

• 

• The Engineer

  Where was the investment before now? Before the iPhone there were smartphones, and we were yelling then, too. You didn't hear us five years ago and get "on it." You're apologizing for your lack of investment in infrastructure with the money you got from charging people an arm and a leg to send cheap text messages. People don't forget, AT&T. Heaven help you when another carrier gets its hands on the iPhone.

• 

• The Author

  Even if we were to accept "Seth the Blogger Guy" as a credible voice of authority (note to AT&T: we don't), the video is still highly flawed. I will give AT&T credit for recognizing the conversation happening around them in the social media sphere and attempting to address customer concerns through the channels where they are talking. However, that's where their smart new-media thinking ends and they fall back on comfortable and familiar old marketing conventions. Rather than taking advantage of the opportunities offered by social media networks to engage in candid and genuine dialog, they simply broadcast a message that is obviously 100 percent scripted and delivered by a spokesperson with no real personality. There is no sense that this represents a heartfelt communication from a company that values its relationships with its customers. Instead, the tone of the video ranges from condescending ("Frankly, that's a very time-consuming process.") to patronizing ("The airwaves are kind of like a highway.") to exasperated ("We've heard you. We're on it."). As we've said before and will say again many times, people follow people, not companies. Until AT&T is willing to invest the time and resources necessary to cultivate real, meaningful and ongoing relationships with the public, their social media efforts will continue to falter, and they will be haunted by their reputation as the subpar network that's holding the iPhone hostage.

• 

• The Communicator

  AT&T's video violates one of the cardinal rules of social media: transparency. A simple Google search reveals that "Seth the Blogger Guy with AT&T" (as he identifies himself in the video) is neither an average joe blogger or a rank-and-file AT&T employee as his name, appearance and demeanor are all deliberately calibrated to portray. He is, in fact, not a blogger at all. He is Seth Bloom, senior vice president at Fleishman-Hillard, AT&T's PR agency. As soon as this is revealed, all credibility is lost, and the video comes across as nothing but an empty, manipulative and self-serving PR tactic. If AT&T truly cared about repairing its reputation and earning the loyalty of its customers, it would not hide behind a fictional persona but rather would put a legitimate company heavyweight on the front lines of its social media efforts. Instead, despite the controversy sparked by their questionable choice of spokesperson, the company has said that it plans to continue using Seth in future online videos.

A final word of advice for AT&T: There is no division between the "real world" and the world of social media. These days they are one in the same. You do yourselves no favors by posting what you believe to be a positive, reassuring, "we're in this together" video on YouTube and then telling every media outlet that will listen that your customers and their bandwidth-hogging iPhones are the problem. If you want to use social media to your advantage, you must be willing to represent your company in a truly personal manner - flaws and all - in order to earn and keep your customers' trust. Consumers are much more forgiving of companies with whom they have built relationships on a foundation of trust; they have little sympathy for faceless corporations. Or, in this case, a faceless corporation masquerading as a "blogger guy."

---