Speeding up a slow wordpress website’ tag=’h1′ style=’blockquote modern-quote’ size=” subheading_active=” subheading_size=’15’ padding=’10’ color=’custom-color-heading’ custom_font=’#000000′][/av_heading] [av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’left’ custom_border=’av-border-fat’ custom_width=’50px’ custom_border_color=’#000000′ custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’no’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’] [av_textblock size=’18’ font_color=’custom’ color=’#000000′] How we tackled the site speed issues of Harvest Timber, a manufacturer, on their WordPress website.
[/av_textblock] [/av_section] [av_section color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ min_height=’25’ min_height_px=’500px’ padding=’large’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=”] [av_heading heading='”We knew our slow site was holding back our sales. Our prospects find us through Google & Pinterest and our website is our first true billboard. The speed increase translated to more calls & forms right away.”‘ tag=’h2′ style=’blockquote modern-quote modern-centered’ size=” subheading_active=’subheading_below’ subheading_size=’15’ padding=’10’ color=” custom_font=”] Owner of Harvest Timber, Glen E.
[/av_heading] [/av_section] [av_section color=’main_color’ custom_bg=” src=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ video_mobile_disabled=” min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=”] [av_one_half first] [av_heading tag=’h3′ padding=’10’ heading=’How We Got Started’ color=” style=’blockquote modern-quote’ custom_font=” size=’32’ subheading_active=” subheading_size=’15’ custom_class=”][/av_heading] [av_textblock size=’18’ font_color=” color=”] Harvest Timber’s CEO is a long time friend of our CEO and they reconnected after years of running side by side in business across the country from each other.
Glen came to us with a problem we’re more than familiar with, an extremely slow WordPress website.
We knew Glen’s style was heavy on graphics, which are a burden on load times when done improperly.
[/av_textblock]
[/av_one_half][av_one_half]
[av_heading tag=’h3′ padding=’10’ heading=’Their Problem’ color=” style=’blockquote modern-quote’ custom_font=” size=’32’ subheading_active=” subheading_size=’15’ custom_class=”][/av_heading]
[av_textblock size=’18’ font_color=” color=”]
Glen came to us with a very loaded down website with load times ranging between 7 seconds & 15 seconds on a 4g LTE connection. That’s REALLY slow and can truly deter users on slower connections from even getting past the first page.
We have a go-to strategy that we’ve developed for slow WordPress sites, but Glen’s wasn’t typical. We had a wishlist from him stating that we needed to keep the graphics & videos while ramping up speed.
[/av_textblock]
[/av_one_half]
[/av_section]
[av_section color=’main_color’ custom_bg=” src=’https://www.w3affinity.com/wp-content/uploads/2016/02/Dollarphotoclub_81205696.jpg’ attachment=’188′ attachment_size=’full’ attach=’parallax’ position=’top left’ repeat=’stretch’ video=” video_ratio=’16:9′ min_height=’25’ min_height_px=’500px’ padding=’large’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=”]
[av_heading heading='”We love the technical SEO of a website. We put a lot of expertise into the site speed process as it’s foundational SEO that must be done for every site on a recurring basis.”‘ tag=’h2′ style=’blockquote modern-quote modern-centered’ size=” subheading_active=’subheading_below’ subheading_size=’15’ padding=’10’ color=’custom-color-heading’ custom_font=’#ffffff’]
CEO of W3 Affinity, John Keller
[/av_heading]
[/av_section]
[av_section color=’main_color’ custom_bg=” src=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ video_mobile_disabled=” min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=”]
[av_one_third first]
[av_heading tag=’h3′ padding=’10’ heading=’Our Solution’ color=” style=’blockquote modern-quote’ custom_font=” size=’32’ subheading_active=” subheading_size=’15’ custom_class=”][/av_heading]
[/av_one_third][av_two_third]
[av_textblock size=’18’ font_color=” color=”]
The solution for site speed varies from website to website, though many have a common theme:
- A few really large images that need to be resized, reformatted, and compressed for web browsing
- Scripts that are running in the wrong place of the website causing render issues
- Too many plug-ins doing functions that don’t require their existence to achieve
- Cache, Cache, Cache
Glen’s website came to us with a unique issue. It had over 20 images + 4 videos just on the home page that the client really felt needed to stay to keep his style showcased for their prospective clients.
We consulted with Glen and came up with the strategy to keep the gorgeous look of the site while honoring the fact that site speed was causing his business to not blossom.
For Glen’s site, we were able to remove the header slideshow, which reduced the load on the site tremendously. We reduced the site by 10 images in just that one move. (Side note: We’re not a fan of sliders in the header of a home page, they don’t get the message needed to users fast enough and they’re more likely to bounce, scroll, or click to a new page before waiting for slides to scroll. Not to mention, they require several scripts and graphics to make work, which slows your website dramatically).
Once we had the final list of graphics that were going to be needed for Glen’s site, we downloaded them all and began optimization. Using GTMetrix.com we grabbed the specifications needed for each image on the site and began resizing the images. We found that EVERY image was uploaded at 300dpi (Straight from a DSLR, images come at a higher resolution with 300 dots per inch. Websites are best run with 72dpi or dots per inch), and that they were several thousand pixels wide x tall. We reduced the images to 72dpi & resized them to fit exactly where they’re going on the site and ran them through compression using GTMetrix.
With the images fully compressed we sent them back up to the website and reran our tests. That shaved 3 seconds off right away!
After handling the heavy issue of graphics we moved to the more technical issues on the site:
- We moved several scripts that were loaded in the header to the footer of the website, ensuring that they worked one by one and that the site didn’t look glitchy as it loaded as well.
- Removed query strings from various scripts & stylesheets that weren’t needed
- Combined javascript files into as few as possible files to reduce assets needed to load the site
- Combined CSS files into a singular stylesheet (from 8 resources needed to load the site to 1)
- Minified HTML, JS, & CSS
- Turned on the website caching
Typically we’ll use a secret weapon for all of the above tasks called WP Speed of Light, though we can tell you from experience, that is something you’ll want to backup before running on your site.
[/av_textblock]
[/av_two_third]
[/av_section]
[av_section color=’main_color’ custom_bg=” src=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ video_mobile_disabled=” min_height=” min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=”]
[av_one_third first]
[av_heading tag=’h3′ padding=’10’ heading=’The Results’ color=” style=’blockquote modern-quote’ custom_font=” size=’32’ subheading_active=” subheading_size=’15’ custom_class=”][/av_heading]
[/av_one_third][av_two_third]
[av_textblock size=’18’ font_color=” color=”]
After a laundry list of technical tasks from server management, site changes, and client interactions we came to complete our SEO project. Below you’ll see a before and after of the efforts:
You’ll see in the after that we reduced the Fully Loaded Time to a very respectable time, along with the page size to one that wouldn’t cripple anyone’s data plan while keeping our requests for the page below the average website.
You may look at this and wonder why the site is still sitting above 5MB but the site load time is under 3 seconds. It’s because of the videos we touched on in the early part of this case study. We made them load in the background while forcing them to stream only “on-demand” meaning that the tools will grab them for site size, however, your phone will not unless you hit the play button.
The final result was a call from our client asking “What Happened?!” – the traffic his site was getting started converting pretty quickly. Phone calls increased according to Glen by over double over the course of 24 hours. Site Speed is foundational. When done later, it’ll result in getting business you were missing out on from the start because of your slower website.
[/av_textblock]
[/av_two_third]
[/av_section]
[av_section color=’main_color’ custom_bg=’#2b2b2b’ src=” attachment=” attachment_size=” attach=’parallax’ position=’top left’ repeat=’stretch’ video=” video_ratio=’16:9′ min_height=’25’ min_height_px=’500px’ padding=’large’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=”]
[av_heading heading=’Want W3 Affinity to Do this for You?
Fill out the form below’ tag=’h2′ style=’blockquote modern-quote modern-centered’ size=” subheading_active=” subheading_size=’15’ padding=’10’ color=’custom-color-heading’ custom_font=’#ffffff’][/av_heading]
[av_one_third first]
[/av_one_third][av_one_third]
[av_contact email=’info@w3affinity.com’ title=” button=’Request Free Consultation’ on_send=” sent=’Your message has been sent! We’ll be in touch shortly.’ link=’manually,http://’ subject=” autorespond=” captcha=” color=’av-custom-form-color av-light-form’]
[av_contact_field label=’Name’ type=’text’ check=’is_empty’ options=” width=”][/av_contact_field]
[av_contact_field label=’Phone’ type=’text’ options=” check=’is_number’ width=”][/av_contact_field]
[av_contact_field label=’E-Mail’ type=’text’ check=’is_email’ options=” width=”][/av_contact_field]
[av_contact_field label=’How can we help you?’ type=’textarea’ options=” check=’is_empty’ width=”][/av_contact_field]
[/av_contact]
[/av_one_third][av_one_third]
[/av_one_third]
[/av_section]