1 / 14

Improving Page Speed In WordPress

Improving Page Speed In WordPress. By John Locke. Why Focus on Page Speed?. Customers expect it: 57%abandoment rate after 3 seconds Google grades you on it: Page speed is a search ranking factor Competitive advantage: Page weight is going up. How Fast Are Your Pages?.

wray
Télécharger la présentation

Improving Page Speed In WordPress

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Improving Page Speed In WordPress By John Locke

  2. Why Focus on Page Speed? • Customers expect it: 57%abandoment rate after 3 seconds • Google grades you on it: Page speed is a search ranking factor • Competitive advantage: Page weight is going up

  3. How Fast Are Your Pages? • http://developers.google.com/speed/pagespeed/insights/

  4. Start With Hosting • Shared hosting – You get what you pay for • VPS Hosting: Works for most businesses • Dedicated hosting: For heavy traffic

  5. Optimize Your Images • Images are usually over half the page weight • Too-large images add unnecessary download time • Serve small background images on mobile first • {display:none} still downloads assets! • Retina.js for HDPI devices

  6. Check Your Theme • How many HTTP requests are being made? • Can you consolidate these better? • Beware Theme Options that look for Google Fonts that don’t exist

  7. Page Caching • Plugins: W3 Total Cache and WP Super Cache • Takes a snapshot of page assets, serves those to browser • If you use a CDN, check recommended settings • You can minify files as well

  8. Minify Files When Possible • Minification: removing white space and bytes • W3 Total Cache > Minify > Help [add CSS and JS files manually] • Careful with RSS feeds, min.js files • Can be done manually as well

  9. GZIP • Compresses files before downloading to browser – like a Zip file • Usually taken care of with caching plugins • You can check at GZipWTF.com

  10. CDNs • Content Delivery Network – External servers • Allows for multiple HTTP requests at once • Amazon (AWS), Max-CDN, Akamai are examples • Jetpack Photon also (but images lose some SEO)

  11. DNS Prefetch • Read this article on front-end performance • Saves time by looking up DNS for external files • /* Syntax looks like this: */ • <link rel="dns-prefetch" href="//www.google-analytics.com"> • Use sparingly – still a HTTP request

  12. Follow-up Article http://www.lockedowndesign.com/improve- page-speed-in-wordpress/

  13. John LockeLockedown Design http://www.lockedowndesign.com @Lockedown_ /lockedowndesign /lockedowndesign /in/johnjlocke /user/johnjlocke /lockedown

  14. Thank You.

More Related