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!

---

Jumping Into Jumo

New social media platforms seem to crop up and die out (or get bought out) with regularity in this day and age. Whereas the social media map used to consist primarily of MySpace and Facebook (and Friendster if we’re feeling generous), now there's Twitter, YouTube, LinkedIn, Tumblr and Wikipedia, just to name a few. With stories of upstarts like FriendFeed or Lala getting swallowed up by the big guns in the business, it’s a landscape that’s constantly changing.

But the great thing about this open environment is that it isn’t a zero-sum game, as Facebook’s Mark Zuckerburg put it at the Web 2.0 Summit 2010 a couple of weeks ago. As a result, while it’s a noisy scene, the best “artists” making the best “music” rise to the top and get noticed.

The newest kid on the block

Which brings us to Jumo. The latest project from Facebook co-founder Chris Hughes, Jumo is a new attempt to merge the burgeoning movement for social change with the power of social networking itself.

While social change and humanitarian efforts have existed in many formats (with varying degrees of success) on the Web, Jumo’s concept is centered upon fostering a deeper interaction with issues and causes. By focusing on the heart of what drives people to get involved in generous giving and living, Jumo is banking on helping charities and nonprofits connect with potential supporters.

The point of connection is not the “ask,” whereby a nonprofit initiates their relationship with you by requesting a donation. No, Jumo takes a few steps back to first ask, “What is it that you’re passionate about?”. From there, the site connects you with organizations that are working in related fields.

In other words, the relationship that you develop with a charity begins organically with a question of the heart, not a question of the wallet. The end result – financial support – might not be that dissimilar, but the means are profoundly different. Jumo's approach could mean the difference between creating a one-time giver and inspiring a life-long supporter who not only gives but actively recruits others to join the cause through their heartfelt passion.

Why Jumo matters

What does this mean to you as an online citizen?

The Jumo model is important because there are lessons from this approach that apply to us all. Whether you’re running a business or a charity, your interactions – both online and in-person – with your clients are what ultimately drive the machine. You might have the coolest product or the most moving cause in the world, but if you’re not taking care of your customers or donors, you won’t last long.

While on one hand, social media has made it easier to keep people at arms-length behind the safety of a computer screen, it’s also helped to remind us all of what’s important in the social realm: relationships. Without them, you’re sunk.

The nuts and bolts

So how does it all work? It’s quite simple, really.

Step one is signing up for an account, which unsurprisingly starts with a prompt to connect to your Facebook account.

Next you create your profile, with Jumo pulling in your profile picture and basic personal information from Facebook. From there, you review a list of core issues and causes, including poverty, peace and governance and human rights. Each topic leads you further down a path of discovery that ultimately ends in a list of specific organizations that are doing work in the fields that you’ve selected.

Once this process is complete, your Jumo home page will be generated. This page features an aggregated news feed from the projects that you have chosen to follow. You’ll also have a sidebar with suggested projects and issues that might interest you as well as a “Talk” column that reflects updates from all projects, issues and people with whom you’re connected.

If all of this sounds familiar, that’s because it is. The format and terminology will be second nature to anyone who’s already on Facebook and Twitter. That familiarity should be a strength for Jumo moving forward, as it makes the new environment easy to get used to.

It’s also fairly easy to add a new organization or project on Jumo; the key is that you must have a valid Employer Identification Number (EIN) as a 501(c)(3) nonprofit entity. Beyond that, it’s a simple process of plugging in basic information such as your organization's mission and links to your website.

Again, Jumo presumes that your organization has already established a Facebook Page, as it will ask for your Facebook ID number to pull a profile picture in for your new project. From there, it’s up to you to connect with individual users on Jumo, though the platform aids the process by allowing you to select the same topics of interest of as an individual, only this time the selections will help to define what your project is.

A step in the right direction

Only time will tell if Jumo will actually reach the lofty goals that its creators have set forth, but it so far it seems to be off to a promising start.

The interface is easy to navigate, but the site has been plagued by performance issues due to an overwhelming amount of traffic in its first few days of beta launch. The team is working to alleviate those problems, and hopefully, once fully launched, any minor issues will be resolved so that users can get down to the business of changing the world.

---