Digital Sales & Marketing
Digital Sales & Marketing
Close

Free digital sales and marketing courses

Immediately start seeing better digital sales and marketing results with dozens (and counting) of free online courses inside IMPACT+.

View all free coursesView all free courses

Digital Sales & Marketing World 2021

The premier, hybrid event for growth-focused business leaders, digital marketers, and sales pros. Virtual passes are free for IMPACT+ Pro members. In-person passes on sale soon.

Learn moreLearn more Watch past events on demandWatch past events on demand

Digital sales and marketing services

Discover the full array of IMPACT services, including inbound marketing training, web design, paid media management, and more.

Learn moreLearn more
They Ask, You Answer
They Ask, You Answer
Close

Free They Ask, You Answer course

Learn the principles of the They Ask, You Answer by taking our most popular course, taught by Marcus Sheridan himself.

Take the course nowTake the course now

Hire a coach

Turn your company into a high-performing digital organization with our flagship coaching program, Digital Sales and Marketing Mastery.

Learn moreLearn more

Case studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

View case studiesView case studies

They Ask, You Answer, the book

“One of the 11 Marketing Books every CMO should read.” — Forbes

Learn moreLearn more Buy the bookBuy the book
Virtual Selling
Virtual Selling
Close

Virtual Selling Mastery

Equip your sales team with proven methods to connect with today’s buyer, shorten the sales cycle, and close more deals, faster.

Learn moreLearn more

Virtual Selling Summit

Virtual Selling Summit 2021 is in the works. In the meantime, enjoy the entire 2020 event on-demand, free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand
Video
Video
Close

Free video sales and marketing strategy course

Zach Basner teaches you the fundamentals of making video for sales and marketing work inside your organization.

Take the course nowTake the course now

Video Sales and Marketing World 2021

Video Sales & Marketing World 2021 is in the works. In the meantime, enjoy the 2020 event on-demand - free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand

The Visual Sale, the book

Learn how to use video to ignite sales, accelerate marketing, and grow your business in a virtual world in this book from Marcus Sheridan and Vidyard’s Tyler Lessard.

Learn moreLearn more Buy the bookBuy the book

Master video inside your organization

Video is a critical component of any high-performing digital sales and marketing program, and is a key part of Digital Sales and Marketing Mastery.

Learn moreLearn more
HubSpot
HubSpot
Close

Free HubSpot sales and marketing courses

Taught by Carina Duffy, IMPACT’s lead HubSpot trainer.

Marketing automation mastery (with HubSpot workflows)Marketing automation mastery (with HubSpot workflows) Inbound lead generation and conversion optimizationInbound lead generation and conversion optimization Getting started with sales technologyGetting started with sales technology

HubSpot Training Day

Following INBOUND 2020, IMPACT and HubSpot co-hosted a full-day of deep dive sessions to help HubSpot users get the most out of the new features fast! On-demand access is free for IMPACT+ Pro Members.

Watch on-demandWatch on-demand

HubSpot training and implementation

Maximize your investment in HubSpot's marketing, sales, or service platforms with guided training and implementation services.

Learn moreLearn more
Web Design
Web Design
Close

Website Optimization Summit 2021

March 23, 2021, 25+ Speakers/Sessions, Free for IMPACT+ Pro Members or $59 for a day pass.

Learn more and registerLearn more and register

Website design and strategy services

Get a beautiful, user-friendly HubSpot or Wordpress website that is easy to update, consistently generates leads and revenue, and grows with you.

Learn moreLearn more

4 ways to improve your website load time and performance in 2020

4 ways to improve your website load time and performance in 2020 Blog Feature

Christine Austin

Creative Lead, 7+ Years of Web Design and Development Experience

August 1st, 2020 min read

The world moves fast.

When the new iPhone comes out, many rush to be the first to see, play, and review it.

When there’s breaking news, people are glued to their TV screens waiting for updates while reporters scramble to be the first to deliver. It’s no surprise people expect this same type of agility and speed when they are browsing the web.

They want their user experience unhindered so they can effortlessly receive the information they were searching for.

The importance of website load time

Today, users have no patience for websites with poor load speeds or inadequate performance.

In a study done by Akamai, about half of web users expect a site to load in two seconds or less. If it isn’t loaded within three seconds, those users tend to abandon the site.

An even more alarming statistic is that 64% of shoppers who are dissatisfied with an online store’s experience and loading time will take their business elsewhere.

This means you’re not only losing your current visitors and decreasing conversion rates, but you run the risk of you site loosing traffic from those customers who may have referred your website to others.

In this day, seconds make the difference. You can no longer allow your website to be bogged down by unoptimized images and files. Your users expect your web pages to load fast, and they won’t stick around if they don’t.

With that in mind, let’s take a look at ways to optimize your website for the best possible performance.

Related: Do we need a website redesign or a facelift?

1. Minimize HTTP requests

HTTP (Hypertext Transfer Protocol) Requests are counted whenever a browser fetches a file, page, or picture from a web server.

According to Yahoo, these requests tend to take up about 80% of a webpage’s load time. The browser also limits requests between 4-8 simultaneous connections per domain which means loading 30+ assets at once is not an option.

This means that the more HTTP requests you need to load, the longer it takes for the page to go and retrieve them all, increasing your web page’s load time.

How to decrease HTTP requests

While it seems to limit your pages designs by keeping them simple, there are several tactics you can use to decrease HTTP requests to relieve your browser.

  • Combining CSS/JS files - Rather than forcing the browser to retrieve multiple CSS or Javascript files to load, try combining your CSS files into one larger file (same for JS). While this can be challenging if your stylesheets and scripts vary from page to page, managing to merge them will ultimately help your load times in the long run.
  • Use queries to only load what's needed - If you find that you only need to load certain images on desktop or need to run a specific script on mobile only, using conditional statements to load them can be a great way to increase speed. This way, you aren’t forcing the browser to load a variety of scripts or images that won’t be useful for certain devices or viewports.
  • Reduce the number of images you use - If you find some of your pages are fairly image-heavy, try removing some, especially if their file sizes are big. This may not only help reduce image HTTP requests but may improve your UX by removing distracting images that don’t correspond to your written content.
  • CSS sprites - When applicable, combining images you use fairly often across your website into one sprite sheet and accessing the images using CSS background-image and background-position prevents your browser from constantly trying to retrieve several images every time certain pages on your site load. This way, the browser only retrieves the one that you can use multiple times on the page by properly positioning the right image into view for each area of the page.

2. Utilize CDNs and remove unused scripts/files

More than likely, many of your users will not be in close proximity to your web server.

Reducing this distance by spreading your content across a variety of geographically dispersed servers just isn’t a viable option, and will a bit too complicated to implement. 

This is where a content delivery network (CDN) comes in. A CDN is a collection of web servers distributed across multiple locations so content can be more efficiently delivered to users.

CDNs are typically used for static content or files that do need to be touched once uploaded.

Servers are selected based upon the user's measure of network proximity. For example, the server with the quickest response time and/or fewest network hops is chosen.

Larger companies tend to own their own CDN, while medium-sized businesses will use a CDN provider such as EdgeCast.

Smaller companies may find a CDN unnecessary or outside of their budget, so using utilizing websites such as CNDjs which has a library of JS and CSS files and frameworks can help you prevent hosting certain files on your own servers while increasing their load time.  

If you find your company’s website could benefit from using CDNs, take this time to also evaluate your site to recognize if there are unused scripts or CSS files across your site.

While the easiest (yet most time consuming) thing is to have your developer go through your website and check each page, there are a few tools such as UnCSS which can remove unused styles from your website and decrease the size of your CSS file.

3. Browser caching

Browser caching allows assets on your website to be downloaded to your hard drive once into a cache, or a temporary storage space. Those files are now stored locally on your system, which allows subsequent page loads to increase in speed.

Tenni Theurer, formerly of Yahoo!, explains says that 40-60% of daily visitors to your site come in with an empty cache. So when users visit, you need to make it so the first page they see load quickly enough so they will inevitably continue through the rest of your website (with even faster load times).  

Static assets have a cached lifetime of at least a week, while third party items such as widgets or ads only last a day.

CSS, JS, and images, and media files should have expirations of one week, but ideally, one year, as any longer will violet RFC guidelines.

You can learn more about enabling caching here.

4. Compress images and optimize files

Images currently take up 60% of the average bytes loaded per page, around 1504KB. When compared to other pages assets such as scripts (399KB), CSS (45KB), and video (294KB), images take up quite a large amount of HTTP requests sent.

As I have mentioned early, remove any images of assets you believe you don’t need.

This includes libraries of icons you only use two of, those extra three fonts you thought you might use but didn’t, and images that maybe could be replicated with CSS (such as colored backgrounds or gradients).

After you clear out those assets, take a look at the images you have across your site and check out their sizes.

More often than not, many people tend to download images from stock photo sites and upload them to their server and use them without ever bothering to optimize them for the web.  

If you find yourself using large images, especially for hero images, run them through an optimization software like Compressor.io or Image Optimizer.

Keep all your images below 150KB, nothing above 1920px in width, at an average/medium/72dpi quality level. Any larger and you’ll notice the images loading very late after the page renders as well as the slow response times to user behavior. 

When it comes to what file extensions you should use for what, use this as a basic formula:

  • SVG is suitable for vector images you want to receive a high amount of detail in.
  • Certain icons can utilize font libraries such as FontAwesome to render certain graphics rather than saving out individual images.
  • PNG should be used for images you need transparent background behind, such as a circular image of a person or Facebook’s ‘F’ logo.
  • JPG is best for photographs or anything where fine detail is less important.

While images will still take up the majority of your HTTP requests, optimizing them and your other assets will ultimately keep the sizes of them down and increase your website's overall performance.

Related: How much should a website strategy cost our company?

New call-to-action

Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

Hundreds of courses and recorded keynotes, completely FREE
Check it out
Access hundreds of digital sales and marketing courses and recorded keynotes, completely FREE