Skip Navigation

  1. Tour
  2. Products & Pricing
    1. QuantumCMS Enterprise
    2. QuantumCMS Hosted
    3. QuantumCMS Lite
      1. Template A
      2. Template B
      3. Template C
    4. Industry Solutions
      1. Legal / Law Firms
  3. Services
    1. Web Design
    2. SEO & Analytics
    3. Technical Support
  4. Examples
    1. Legal
    2. Healthcare
    3. Not-for-profit
    4. Industrial
    5. Other Industries
  5. Support
    1. Product Updates
      1. Differences in the Updated Editor
      2. Supported Browsers
      3. 4.1 and 4.2 Hotfixes
      4. Update for Internet Explorer 9 Users
      5. Internet Explorer 9 and Flash
      6. Internet Explorer 9 and QuantumCMS
      7. August 20, 2010 User Group Agenda
      8. What's New in QuantumCMS 4.1?
      9. QuantumCMS 4.1 Sneak Peek: Site-Wide Linked Pages
      10. QuantumCMS 4.1 Sneak Peek: Unpublished Pages in the Tree
      11. 13 more items...
    2. Release Notes
      1. 5.0.1 Release Notes
      2. 5.0 Release Notes
      3. 4.2.1 Release Notes
      4. 4.2.1 Pre-Release Notes
      5. 4.2 Release Notes
      6. 4.1.2 Release Notes
      7. 4.1.2 Pre-Release Notes
      8. 4.1.1 Release Notes
      9. 4.1 Release Notes
      10. 4.1 Pre-Release Notes
      11. 5 more items...
    3. Tutorials
      1. Adding a Page
      2. Aliases
      3. Applications
      4. Content Editor
      5. Custom Forms
      6. Dashboard
      7. Drafts
      8. Descriptions
      9. File Manager
      10. File Pages
      11. 16 more items...
    4. Tips and Tricks
      1. Demystifying Universal Analytics
      2. Optimizing Site Speed
      3. How to See the Entire Image Properties Box
      4. Moving Off-screen Windows Back into View on Windows 7
      5. Custom Form Builder Features Overview
      6. Why Can't I Just Reply to Form Submissions?
      7. Time to Update Your Web Site Copyright Date
      8. Google Analytics: Weighted Sort
      9. Maximize Your Workspace in QuantumCMS
      10. Adding a Page Alias
      11. 10 more items...
    5. Frequently Asked Questions
    6. Training Sessions
    7. Upgrades
    8. Contact Us
  6. News
    1. Press
      1. Archive
    2. Company Announcements
      1. Algonquin Studios Announces Release of QuantumCMS 5
      2. What's New in QuantumCMS 5?
      3. Algonquin Studios to Exhibit at 2013 LMA Annual Conference
      4. Algonquin Announces Refresher Training Sessions for QuantumCMS Clients
      5. Algonquin Studios Creates Product Research and Development Team
      6. Growth Continues For Local High-Tech Sector Company
      7. Algonquin to be Official QR Code Sponsor of 2012 LMA Annual Conference
      8. Algonquin to Sponsor LMA Virginias 2011 Continuing Marketing Education Conference
      9. Algonquin Studios Announces Opening of New York City Office
      10. Algonquin Studios Announces Sponsorship of the New York State Academy of Trial Lawyers
      11. 1 more item...
    3. Clients
      1. Case Studies
      2. Testimonials
  7. Request Information

Home : Support : Tips and Tricks : Optimizing Site Speed

Optimizing Site Speed

Talking about site speed today almost seems superfluous, with so many users accessing the web with powerful Internet connections and download capabilities. Most desktop users access the web via cable or fiber optic lines, brandishing download capacities of 15 megabits per second (Mbps) or greater. Although many users will often access those same Internet services via wireless signal, the rapid spread of 4G networks has brought similar download speeds to mobile devices even when they aren’t connected to WiFi.

Despite all that, there are still some desktop users that access the web using DSL or dial-up connections and many mobile users that are restricted to less powerful networks.

But, regardless of all the latest technologies, there will always be some subset of users that hit your web site with poor Internet connections. In addition, many mobile users are limited to how much they can download over their provider’s data network. Personally, I’m limited to 2 gigabytes of data usage per month, excluding any data transferred over WiFi.

That means that when we build and maintain web sites, we need to be cognizant of users’ technology capabilities, as well as their limitations, and plan accordingly.

Understanding Your Users

The first step towards building an optimized web site is simply getting to know your users. Getting a basic idea of user demographics such as age, income, and location will allow you to make some general assessments about how they are accessing your site.

I recommend utilizing Google Analytics to help verify (or nullify) any assessments that you have made about your users. There are several “Audience” reports that will help you gain some insight.

  1. Demographics > Location – Shows where your users are located geographically.
  2. Technology > Browser –  Shows what browsers your users are accessing the site with. I like to check this prior to development to help determine what browsers need to be supported for the site.
  3. Technology > Network – Shows what Internet networks are being used to access your web site. This may give you some idea about your users’ download capabilities.
  4. Mobile > Overview – Shows a basic breakdown of your total desktop, mobile, and tablet users.

Google Analytics doesn’t collect enough information to paint a detailed picture, but these reports, combined with your own experiences, should give you a pretty good idea of what to expect.

Once you understand your users, you can then determine which optimization practices are necessary for your site.

Optimization Basics

Here are some easy techniques that I recommend for all sites, regardless of user technology.

  1. Minify CSS and JavaScript files. This will remove all unnecessary spaces from your files and reduce their size. I prefer cssminifier.com.
  2. Combine CSS files to reduce HTTP requests. Previously, I would keep my screen, mobile, and print styles in separate files, but I have begun combining them into a single file to reduce the number of requests the browser has to process.
  3. Create image sprites. Likewise, you can reduce requests by creating a single image with all of your design files. High traffic web sites like Amazon.com use this technique frequently, but I find it to be a bit cumbersome and avoid it unless I feel it’s necessary.
  4. Scale down and optimize images for the web. I recently noticed a client site was loading slowly and discovered that three of the photos on the home page totaled over 12 mb. By simply scaling those images down to dimensions that fit their container, I was able to reduce the page weight to well under 1 mb.
  5. Optimize PNGs. Photoshop is notorious for creating bloated PNGs. There are many services that you can use to reduce the bloat and overall file size. I like TinyPNG.
  6. Only reference the files that you really need. If you are only using JavaScript on the home page, only call the file on the home page. There’s no need to impact the loading of other pages if they never use the file.
  7. If you are using jQuery or another popular code library, consider referencing Google’s hosted copy. Since many other sites do the same, users may already have the file cached in their browsers, which will save loading time.
  8. Many JavaScript libraries such as Modernizr allow you to customize what code is included in the file that you create. Only download the functionality that you really need.

Most of these steps are simple and can easily be implemented on any web site without impacting quality or deadlines. Doing these things will reduce page weight, decrease loading time, and ultimately improve user experience.

There are many other things that you can do to help reduce page weight and decrease load time, but you’ll need to decide what techniques are right for you and your site. In many cases, the basics may be fine, but in others, every kilobyte may be important.

To learn more about page weight optimization, I recommend reviewing the Network and Audits features within Google Chrome’s Developer Tools. I also really like the Pingdom Tools website speed test. Both of these will break down how long it takes each resource to load and provide suggestions for optimizing your site.