Website Performance Anxiety?
Download as PPTX, PDF2 likes287 views
The document emphasizes the importance of website performance for both Google rankings and user experience, providing tips for optimization such as hosting choices, image and video optimization, and smart coding techniques. It also discusses the significance of uptime and responsiveness, suggesting methods to enhance these aspects through various technologies like responsive design, AMP, and PWAs. Lastly, it encourages prioritizing essential improvements rather than attempting to fix every identified issue.
Website Performance Anxiety?
- 1. @woodstreetweb@jonmikelbailey Why Speed Matters to Google AND Your Clients! WebsitePerformanceAnxiety?
- 2. @woodstreetweb@jonmikelbailey Performance Enhancing Tips To reach optimal website performance … • Identify the problems that matter • Take hosting choices seriously • Optimize images and video • Prioritize the use of smart coding techniques • Use responsive design, AMP, and/or PWA for mobile users Let’s take a look…
- 4. @woodstreetweb@jonmikelbailey What’s wrong with your website? Tests • Google • GTMetrix • YSlow Stay calm…
- 5. @woodstreetweb@jonmikelbailey Don’t Freak Out! It might not be that bad • Reports are just raw data • Reports are automated • Don’t try to fix everything • Prioritize based on needs • What’s the full story?
- 6. @woodstreetweb@jonmikelbailey Take Stock Firefox Trick • Open site in Firefox • Select F12 • Click Net and enable • Refresh the site • Roll over to see details
- 7. @woodstreetweb@jonmikelbailey Too Much Bling? Do you need it? • Animation, plugins, scrolls, etc. • Is it slowing things down? • Does it help the user’s experience? • Does it support the brand? • What if it wasn’t there?
- 9. @woodstreetweb@jonmikelbailey What is Web Hosting? web host·ing noun Providing storage space and access for websites.
- 10. @woodstreetweb@jonmikelbailey You think you have this…
- 11. @woodstreetweb@jonmikelbailey But,is it more like this?
- 12. @woodstreetweb@jonmikelbailey Hosting Checklist… When purchasing hosting,look at… • Reputation and Reliability • Customer Service/Support • Scalability/Flexibility • Latest PHP, MySQL, Plesk, cPanel, etc. Don’t shop on price. Go for specs and support!
- 13. @woodstreetweb@jonmikelbailey What’s Your Uptime? A website only works when it’s accessible… • Uptime = time server is accessible per year • 99.5% uptime = 3.6 hours of downtime per month • Repairs, hacks, out of memory, overloaded affect uptime A user visits your site. It’s down. They’re thinking…
- 15. @woodstreetweb@jonmikelbailey What Matters in Hosting? Shared Hosting – only as good as your worst neighbor
- 16. @woodstreetweb@jonmikelbailey What Matters in Hosting? Dedicated Hosting: all that space, just for you!
- 17. @woodstreetweb@jonmikelbailey What about the cloud,man? CDN,Content Delivery Networks: • Host site assets in the cloud • Faster page load speed • Traffic spikes balanced between servers • Block spammers, scrapers and other bad bots • Protect your website from DDoS (denial of service) attacks
- 21. @woodstreetweb@jonmikelbailey Optimizing Images It’s easy to fix one of the most common performance issues: • JPEGMini – Free trial or $100 for pro • ImageOptim (Mac) – Free and open source • Free Image Compressors • Online Compressor.io • WordPress Plugin like Smush
- 22. @woodstreetweb@jonmikelbailey Optimizing Video • It’s free and anyone can use it • Harder to limit access and sharing • Less control with ads • Limited features available to you • Google owns YouTube = SEO benefits
- 24. @woodstreetweb@jonmikelbailey Optimizing Video • Limitations on free accounts • Stronger visual and content controls • Vimeo Pro account ($199/yr) best for commercial use • Flexibility for volume and player appearance • Stronger privacy controls and no ad overlays on Vimeo
- 26. @woodstreetweb@jonmikelbailey Embedded Video - WordPress
- 28. @woodstreetweb@jonmikelbailey Embedded Video Benefits • Files not stored on your server • Simple to post and embed • Optimized for all users/devices • Streams from cloud, not a fixed server • SEO and content marketing benefits
- 30. @woodstreetweb@jonmikelbailey Smart Coding – Progressive Enhancement • Define a baseline of functionality • Build with semantic markup first • Can it function without JavaScript? • Cake icing sprinkles decorations • HTML CSS JavaScript Other Assets Analogy credit – Tiffany Tse Serve only what they can handle.
- 31. @woodstreetweb@jonmikelbailey Smart Coding – Limit and Minify • Only serve assets on pages that use them • Use secondary images for mobile or remove • Strip out all code that is unnecessary • Limit web services/calls like REST • Serve minified CSS, JavaScript, etc. Only give them what they need.
- 34. @woodstreetweb@jonmikelbailey Smart Coding - Plugins • Is it time for an audit and housecleaning? • Do you need a plugin or can it be coded? • Is it loading on every page? Should it? • Are any out of date or broken? • Is your theme or template loaded with junk? Know what’s what in your website. Clean house!
- 36. @woodstreetweb@jonmikelbailey Responsive Design • One website for all devices • Not a cure all, requires planning • Layout and assets scale • Pay attention to menus, usability • Consider content, images for mobile
- 37. @woodstreetweb@jonmikelbailey AMP Accelerated Mobile Pages • Stripped to essential elements • Minimal branding and design • Loads quickly • Limited engagement/conversion • Complicated to setup
- 38. @woodstreetweb@jonmikelbailey PWA Progressive Web Apps • No separate code, HTML5 • Modified website to work natively • PWAs can send push notices • Stored on phone with icon • Fingerprint and Bluetooth not available
- 39. @woodstreetweb@jonmikelbailey Performance Enhancing Tips To reach optimal website performance … • Tackle the problems that matter • Make smart hosting choices • Serve images and video the quick way • Insist on smart coding techniques • Use responsive design, AMP, and/or PWA for mobile users Speed kills… if it’s slow!
- 40. @woodstreetweb@jonmikelbailey Questions??? Suggested resources: • www.searchenginejournal.com • www.moz.com • www.gtmetrix.com • developers.google.com/speed • www.boagworld.com • www.searchenginewatch.com Contact me/us: • www.woodst.com • jbailey@woodst.com • @woodstreetweb • @jonmikelbailey • Facebook.com/woodstreetweb • 301.668.5006 x101