performance matters: how to make your website work for you

17
Performance Matters: How to Make Your Website Work for You February 13th, 2017 [email protected]

Upload: surefire-local

Post on 22-Jan-2018

154 views

Category:

Small Business & Entrepreneurship


0 download

TRANSCRIPT

Page 1: Performance Matters: How to Make Your Website Work for You

Performance Matters: How to Make Your

Website Work for You

February 13th, 2017

[email protected]

Page 2: Performance Matters: How to Make Your Website Work for You

Before we begin!

[email protected]

What is the one tool you can’t imagine running your business without?

Test out the chat box by answering these questions!

Where is your website currently hosted on?

(i.e. WordPress?)

Page 3: Performance Matters: How to Make Your Website Work for You

Ok! Google Who is Surefire Local

A few helpful tips for today’s webinar

[email protected]

If you have a question, simply use the chat box you see displayed in your webinar control panel

At any time if you’d like to get more info, please email [email protected]

Yes this will be recorded! You will receive the recording via email within 24 hours.

Page 4: Performance Matters: How to Make Your Website Work for You

2014Our site visits are up over

40%, we receive almost twice as many calls from it and we have gone from the 6th page to the first in a very short time. To say they have done a good job does not do it justice. They have done a fantastic job!

Ray HoffmanMarketing Director, RbA

Milwaukee

“ “ I really like SurePulse. It’s an intuitive tool and I like that everything is in one place. It's useful, easy to use and I have a much better understanding of how we are performing.

Amy LindholmBrand Manager, LP Siding

“ “

AWARDSMilestones

[email protected]

Page 5: Performance Matters: How to Make Your Website Work for You

Today’s Giveaway!

1 lucky attendee is going to take “Home” a free Google Home!

Ok! Google who is Surefire Local?

Must stay until end of webinar!

[email protected]

Page 6: Performance Matters: How to Make Your Website Work for You

Today’s Speaker

Scott StriteTechnical Director

[email protected]

Page 7: Performance Matters: How to Make Your Website Work for You

Why Web Performance Matters

[email protected]

Page 8: Performance Matters: How to Make Your Website Work for You

Why Web Performance Matters

● Slow sites drive away customers○ Increased Bounce Rate ○ Decreasing Click Through

● Poor performing sites present a negative view on users○ Reducing Return Visitor Traffic

● Poor performing sites have chance of being reduced by Google Search○ Reducing Traffic

[email protected]

Page 9: Performance Matters: How to Make Your Website Work for You

Best Practices

● Right sizing images● Minimize Scripting

○ Ensure that scripting added to site serves purpose● Caching settings on each element● Use of CDN (Content Distribution Network) for larger

media files● Proper Page Load Order

○ Load top of page○ Delay elements if not initially seen on screen

● Eliminate Blocking Elements● SSL certificates

[email protected]

Page 10: Performance Matters: How to Make Your Website Work for You

What is Mobile Responsiveness?

● Difference between that and sites that are mobile version (m.______.com)

● Seamless Transition between Desktop and Mobile view● Greater Importance of

○ Clickable Phone Numbers (Click to Call)○ Maps / Navigation○ Social Sharing

● Some desktop functions are not suggested for Mobile○ iFrame○ Modal Screens (Overlay)○ Autoplay of Video

[email protected]

Page 11: Performance Matters: How to Make Your Website Work for You

Performance Tools

● Google Page Speed - https://developers.google.com/speed/pagespeed/insights/

● Web Browser Developer Tools: More Tools -> Developer Tools

● Firebug - https://www.getfirebug.com/● YSlow - http://yslow.org/● WebPageTest - http://www.webpagetest.com/

[email protected]

Page 12: Performance Matters: How to Make Your Website Work for You

Get a Complimentary Digital Marketing Consult

Call (888) 804-8685Email [email protected]

...and a Google Chromecast!

[email protected]

Page 13: Performance Matters: How to Make Your Website Work for You

Poor Performing Site Examples

https://www.westernwindowsystems.com/● Great interface, perfect example for

optimization

http://www.thedavies.com/● Graphics way too large on slider● No real end to page

http://www.lingscars.com/ ● So bad it is good.

[email protected]

Page 14: Performance Matters: How to Make Your Website Work for You

Well Performing Site Examples

https://www.onradpad.com/ ● Clean and bright interface● Right Sized images and compressed CSS/JS● Mobile Responsive

http://whyskylights.com/● Highly graphic● Loads quickly

http://uglytub.com/● Not the prettiest, however fast

[email protected]

Page 15: Performance Matters: How to Make Your Website Work for You

Key Takeaways

● Less can be more● Right size your media● Make sure your site is Mobile Responsive● Utilize online tools to identify performance

[email protected]

Page 16: Performance Matters: How to Make Your Website Work for You

The Winner is...

[email protected]

Page 17: Performance Matters: How to Make Your Website Work for You

Thank you!

[email protected]

Scott StriteTechnical Director