2017 Fastest Wordpress Sliders

Sliders If you have a Wordpress website, there’s a good chance you have 1 or more sliders in your website. Everyone is using sliders, and there are good reasons for using them. Sliders makes your website look beautiful, professional and it’s also a brilliant way to advertise your talents/products. That’s also why most of the sliders are on pages where images and information is important, the homepage, main shop page, products page, etc.

CloudFlare vs BunnyCDN vs CloudFlare & BunnyCDN

Test Settings - Web Server: CentOS 7.2 / Nginx 1.11.6 / 1 GB RAM / 20GB HDD / 1Gbps port / Located in Phoenix - Website: E-Commerce Wordpress Website - Plugins active: Akismet, Contact Form 7, Disable XML-RPC, Google XML Sitemaps, WooCommerce, WooCommerce Stripe Gateway, Cache Enabler, CDN Enabler - Benchmarking tool: 9x 1st view + 2nd view runs of WebpageTest from Singapore location. - Cache Enabler Nginx Config - CDN Used: BunnyCDN Test Results   CloudFlare BunnyCDN CloudFlare + BunnyCDN 1st View Avg 5457ms 4816ms 4937ms 2nd View Avg 3224ms 3152ms 3619ms Combined Avg 4340ms 3984ms 4278ms Verdict Combining this test and the previous test on CloudFlare and KeyCDN, the verdict is to use CDN only.

CloudFlare vs KeyCDN vs CloudFlare & KeyCDN

Test Settings - Web Server: CentOS 7.2 / Nginx 1.11.6 / 1 GB RAM / 20GB HDD / 1Gbps port / Located in LA - Website: Test E-Commerce Wordpress Website - Plugins active: Akismet, Contact Form 7, Disable XML-RPC, Google XML Sitemaps, WooCommerce, WooCommerce Stripe Gateway, Cache Enabler, CDN Enabler - Benchmarking tool: 9x 1st view + 2nd view runs of WebpageTest from Singapore location. - Cache Enabler Nginx Config - CDN Used: KeyCDN - Note: Followed this KeyCDN Article regarding CloudFlare Test Results   CloudFlare KeyCDN CloudFlare + KeyCDN 1st View Avg 4036ms 4080ms 5091ms 2nd View Avg 3261ms 3636ms 3823ms Combined Avg 3649ms 3858ms 4457ms Verdict The verdict from this results seems to be, either use CloudFlare or KeyCDN, don’t use both.

CDN Enabler + Cache Enabler VS WP Rocket

Why compare these two only? I found many articles comparing the older cache plugins with WP Rocket and most of the time WP Rocket comes out on top, such as this, this and this. While there are some newer articles mentioning The Enablers (CDN Enabler and Cache Enabler), I want to see exactly how does these two top tiered Caching + CDN Plugins stand up against each other. Test Settings - Web Server: CentOS 7.

Wordpress Image Optimize + Cache + CDN Page Load Benchmark

Speeding up Wordpress Most Wordpress website owners who are interested in increasing the speed have heard of or are using at least one of the following methods: Automated Image Optimization: When images are uploaded to web server, a image plugin automatically optimizes the images so that the optimized version is served to the users. Some of the popular plugins: Jetpack’s Photon Image Optimizer (Free) WP-Smush (Free with size limit) EWWW Image Optimizer (Free) Compress JPEG & PNG images (Free) Short Pixel (Free with amount limit) Caching: When serving first request, plugin will create static files and stores them on web server, cached version will be served to subsequent requests.

Website Speed Benchmarking

What is website speed benchmarking all about? Benchmarking website is basically running and recording 1st time page load of a certain website and recording the results repeatedly. The reason why only 1st time page loads are tested is because it is the most accurate one and also happens to be the most important one. After a website is loaded on a browser for the first time, the browser stores most of the static content into its cache, thus speeding up second website load and onward.

Merging JS/CSS into HTML

What is merging all about? In a nutshell, when a user wants to view a website 1. User enters the website domain name and the domain name gets translated to the server’s ip address by a DNS server 2. With that ip address, user is able to establish a link with the server (tcp handshake) 3. User’s computer sends a request to the server for the website and the server returns index.

Enabling Gzip

What is gzip? In short, gzip compresses the files that browsers request. Instead of sending something at it’s original size, we compress it before sending it. Allowing the resources to reach browsers much faster. Should I use gzip? Most of the time, time saved from smaller resource size outweighs the time used to zip and unzip the resources. Pros - Compresses files before sending it to users.

Automate Image Compression with Rake

In my previous post, I mentioned about the benefits of image compression. In this post I will show you how to to automate the process with Rake in 3 easy steps. Jekyll Nov 29 2016 edit: This blog is powered by Hugo now. Both Powerpoint Labs and this blog is powered by Jekyll, thus I will be using Jekyll as example. Before starting, make sure you have ruby and bundler installed so you can run gem commands and install gems easily.

Image Compression

For this experiment, I will be optimizing Powerpoint Lab’s Website. Performance test The first thing I did was to run a performance test on Powerpoint Lab’s Website. One issue that stood out was that most of the images used are not compressed. Powerpoint Lab’s Documentation page has more than 100 images. Compression All images used on websites can be compressed. There are 2 types of compression: lossy and lossless.