TIP: Make sure you scroll to the last slide to view the video recording
On April 26th, 2017 at 11am PST, Caleb Lane - Firewall Analyst, presented this webinar.
Attention spans are getting shorter, and search engines are favoring websites with faster loading times and lower bounce rates. By optimizing your website performance, you can rank higher in search results, increase and retain your traffic and create an optimal user experience.
This webinar covered basic principles of website performance and teaches website owners:
- What two main metrics you should be focused on when optimizing your website.
- Which steps you can take to effectively optimize your website performance.
- How to utilize the recommended tools and solutions to accomplish these tasks.
Sucuri Webinar: How to Optimize Your Website for Best Performance
1.
2. How to OPTIMIZE Your Website for Best Performance
Caleb Lane | @sucurisecurity #AskSucuri
Valentin Vesa
Brand Evangelist - Moderator
@adspedia
3. How to OPTIMIZE Your Website for Best Performance
Caleb Lane | @sucurisecurity #AskSucuri
Housekeeping Items
● We want to hear from you
● Question tab in GoToWebinar
● Tweet @SucuriSecurity using #AskSucuri
● Questions will be answered at the end
● All questions will receive a response
● Video and slides coming in a few days
● Please share this content with other website owners
4. How to OPTIMIZE Your Website for Best Performance
Caleb Lane | @sucurisecurity #AskSucuri
Caleb Lane
● Firewall Analyst at Sucuri
● Enjoys reading French literature,
running, and hiking in the mountains.
● His favorite food is sushi.
5. What two main metrics you should be focused on when optimizing your website.
Which steps you can take to effectively optimize your website performance.
How to utilize the recommended tools and solutions to accomplish these tasks.
What to expect from this webinar
6. Pingdom Website Speed Test
https://tools.pingdom.com/
Sucuri Global Performance Test
https://performance.sucuri.net/
Other Performance Testing Tools
GTmetrix
https://gtmetrix.com/
WebPageTest
https://www.webpagetest.org/
Google Pagespeed Insights
Establishing a baseline
7. Most people focus on the letter grade
Generic recommendations
Focus on the two most important metrics - the page load size and number of requests.
Two Metrics to Focus On
8. 1. Do a full backup
2. Update the CMS, plugins, and themes
3. Make sure everything is up-to-date on the server.
4. Remove any inactive plugins or themes.
5. If you don’t use a plugin, remove it.
Spring Cleaning
9. 6. Remove any backups on your server or anything that isn’t needed.
7. One site and purpose per server or isolate them properly.
8. Remove old sites, old subdomains, and outdated installations.
9. Don’t use a production server as a development/staging server.
10. Don’t use a production server to store personal files or any files that aren’t needed
for the production site to function.
Spring Cleaning (continued)
10. 1. You can’t build a house on a bad foundation.
2. Technical users can manage their own server.
3. Pay a developer/system admin to manage your own server.
4. Managed hosting provider who manages the server and provides support.
5. For over 90% of people a managed provider is the best fit.
Hosting Provider
11. Well coded framework
Hire a developer to customize it
Completely custom coded theme isn’t normally the best approach
If you have CSS and/or PHP knowledge, you can probably customize it yourself
How to go about finding a developer
Theme
12. Don’t just deactivate a plugin. Delete it!
Test different plugins - not all are created equally.
Disable unnecessary features and modules
Only use the necessary amount of plugins. A feature can often be
accomplished without a plugin.
Plugins
13. 1. How much page load size you can save
https://tinypng.com/analyzer
2. Tools to Compress Images
TinyPNG - https://tinypng.com/
(WordPress plugin, web interface, Magento plugin, Zapier option, API)
Imagify - https://imagify.io/
(WordPress plugin, web interface, and API)
Kraken - https://kraken.io/
(WordPress plugin, web interface, and API)
Optimize Images
14. 3. Resizing images to scale
4. Use the correct image format
5. Considering using the WebP image format
6. Combine images using CSS sprites
Optimize Images (continued)
15. 1. External Requests
2. Compression
3. HTTP/2
4. Minification
5. Concatenating static files
6. Domain sharding
Other Areas of Focus
16. 7. Upgrading Hosting Plan / Adding More Resources
8. Upgrading PHP
9. Enable Keep Alive
10. Fix or remove 404 Not Found errors
11. Fix multiple redirects
Example: http://example.com/style.css vs. https://www.example.com/style.css
Other Areas of Focus (continued)
17. 12. CSS in the header and JavaScript in the footer.
13. Lazy loading images
https://wordpress.org/plugins/bj-lazy-load/
14. Query Monitor
https://wordpress.org/plugins/query-monitor/
Other Areas of Focus (continued)
18. Reduces load on host's server and makes the page load faster for the visitor.
3 different types of caching
● Content delivery network
● Server caching
● Application caching
Caching and Content Delivery Network
(CDN)
21. How to OPTIMIZE Your Website for Best Performance
Caleb Lane | @sucurisecurity #AskSucuri
Time for Questions
Tweet us any time with your questions @SucuriSecurity using #AskSucuri
THANK YOU