Embed Size (px)
DESCRIPTION
Presentation on how to optimize your WordPress website and improve its performance.
Citation preview
Need for SpeedGear up Your WordPress
Hristo Pandjarov
WordPress Tutorials WordPress Themes WordPress Plugins WordPress Optimization Trying not to look ridiculous in front of people
Work at SiteGround doing:
@pandjarov
Better user experience
Better rankings
Lower hosting expenses
Why bother optimizing
Benchmark loading times
Pinpoint performance issues
Prioritise problems
Start optimizing
Make a plan… and follow it!
Too many posts on the homepage
Too many Social widgets
Too many external fonts used
Large/unoptimized Images
Themes with too many unused features
Too much CSS/JS
No static content compression
No caching
No CDN
Common problems… completely unordered!
Prioritise problems
Sort performance issues by their severity
Sort them by the time you need to fix them
Cross-reference the two lists
Make a scroll map test ( crazyegg.com )
Reduce the number of posts per page
Progressive page loading (infinite scroll)
… matters!Page size
Social media widgets/plugins… use them wisely!
Avoid using iframes
Try not to use “Share on 100 social networks” services
Avoid using more than one social plugin
External fonts… trust me, you don’t need 8 fonts on your site!
Include only fonts you use, on the pages you use them
Put fonts on your local server and include locally
Sacrifice the usage of a font for a better site performance
Images… the right size and the right quality
Use images with the right size and specify their dimensions
Smush your images: http://wordpress.org/plugins/wp-smushit/
Use sprites in your themes
Avoid bloated themes… really, cut the fat!
Avoid themes that support every possible website idea
Don’t use all theme features on the same page
Make sure that the JavaScript and CSS is loaded only when needed
Minify your CSS and JS… the smaller the size, the better!
Try using WP Minify: http://wordpress.org/plugins/wp-minify/
If you’re already using it, enable minify options in W3 Total Cache
Enable gZIP compression… for HTML, CSS and JavaScript!
Use .htaccess rules instead of plugins: http://kb.siteground.com/enable-gzip-via-htaccess/
Leverage browser caching… whatever that means!
The .htaccess rules: http://kb.siteground.com/leverage-browser-caching/
Use a CDN service… but do it wisely!
Measure if your site is working faster
Even local business can take advantage by the CDN
Bonus: “Always Online ” service
Cache your content… if you don’t cache your content that’s bad and you should feel bad!
Use opcode caching - АPC, xCache
Use Memcached object caching
Use reverse proxies like Varnish, nGinx
Thank you!@pandjarov / [email protected]
Read this presentation on SlideShare:
http://www.slideshare.net/siteground
Resources:http://tools.pingdom.com
http://loadimpact.com
http://gtmetrix.com
http://crazyegg.com
http://wordpress.org/plugins/wp-smushit/
http://kb.siteground.com/enable-gzip-via-htaccess/
http://checkgzipcompression.com
http://kb.siteground.com/leverage-browser-caching/
