WordPress on AnyStack

Optimize easily your WordPress images without any plugin

Sun, 23 Oct 2016 05:52:28 +0000

You want to improve your pagespeed score by optimizing your images in WordPress ? But you don’t want to pay a subscription for a plugin ? If you are using a VPS or a dedicated server, you don’t need any plugin to optimize all your images easily.

For that you can use this script :

# For debian/Ubuntu
wget -qO optimize.sh https://git.virtubox.net/virtubox/wp-optimize/raw/master/deb-wp-optimize.sh && bash optimize.sh

#For Centos/RedHat
cd /var/www
wget -qO optimize.sh https://git.virtubox.net/virtubox/wp-optimize/raw/master/centos-wp-optimize.sh && bash optimize.sh

If you want to do the process manually

# Debian/Ubuntu
apt-get update && apt-get install optipng jpegoptim -y

# Centos
yum update && yum install optipng jpegoptim -y

Then you just have to go in your web directory and to run the following commands :

cd /var/www
find . -name *.jp* | xargs jpegoptim --strip-all -m76
find . -iname '*.png' -print0 | xargs -0 optipng -o7 -preserve

Making WordPress faster by running wp-cron with Linux

Thu, 15 Sep 2016 05:54:00 +0000

WordPress use wp-cron to check updates for themes, plugins and some other process but it could have an impact on your website speed because WordPress execute it on every page-loading. So if you have a lot of traffic, it will (no benchmark proof at the moment) delay page loading for users.

So if you are using a linux server (VPS or dedicated), you can easily create a cron job to run it each 5 minutes or each 10 minutes. But remember WordPress need wp-cron to work properly, so don’t disable it totally !

To disable wp-cron, just add the following line in wp-config.php :

define('DISABLE_WP_CRON', true);

Then to add a cronjob you have to a :

## Run the crontab with your server or vhost user 
crontab -u yourserveruser -e

## method 1 : using curl to run the script
*/10 * * * * curl http://example.com/wp-cron.php > /dev/null 2>&1

## method 2 : using php to run it
*/10 * * * * cd /var/www/example.com/htdocs; php /var/www/example.com/htdocs/wp-cron.php > /dev/null 2>&1

The first method use PHP-CGI when the second use PHP-CLI, the only difference is CLI does not have time limit to run a script. Because this way, the wp-cron will not impact page loading speed, it’s highly recommended to use linux cron instead of default WordPress cron.

You can change */10 with */5 to run the cron each 5 minutes instead of each 10 minutes.

New VPS for the Blog - Setup Guide

Fri, 05 Aug 2016 18:59:00 +0000

I was using a VPS with Plesk Onyx to host the Blog, but even with Redis in a Docker container to make it faster, it wasn’t enough …

So I have setup a small VPS on my dedicated server with Ubuntu 16.04 LTS using VMware vSphere 6. I will make another post about virtualization but in this post, we will talk only about the VPS setup with easyengine, which is really my favorite tool for WordPress setup. You can also read my first post about easyengine : Here

First step, easyengine install :

 wget -qO ee rt.cx/ee && bash ee

Then WordPress setup :

 ee site create anystack.xyz --wpredis --php7 --letsencrypt

And it’s already good for the server setup with nginx, php7, mariadb, redis-cache and let’s encrypt for the SSL. Check your DNS are pointing to your server before launching let’s encrypt or it will fail to setup the SSL certificate.

But the work is not finished yet, because I have to upload my database and my files to get my content back. For that i will need to have access to the database, so let’s do that with phpmyadmin :

 ee stack install --phpmyadmin

phpmyadmin is now available at http://my-server-ip:22222

Butt protected by an ACL, and to change the user and the password, you just have to use :

 ee secure --auth

And to have your login details for phpmyadmin :

 ee site info anystack.xyz

So I have now uploaded my database, and I need my files. But it’s not needed to install ftp. The easiest way to do, is to add a password to www-data and to allow sftp access :

 passwd www-data

And you will just have to replace /usr/sbin/nologin by /bin/bash in the file /etc/passwd. As FTP/SFTP client, I use Cyberduck which is the fastest client I have found, and you can use it for almost all protocol, including S3 storage at AWS or Google Drive.

After uploading my files, just have to purge the redis cache, and that’s already over.

Remove Query strings and add featured images in WordPress feeds

Thu, 30 Jun 2016 00:45:00 +0000

A small post today to share with you a small tips to remove all the queries strings from WordPress static assets, and also to add featured images of your posts in the WordPress feeds.

Go into your WordPress dashboard > Appearance > Editor
Then find the file functions.php of your theme
Add this code at the end of functions.php

//remove queries from static assets
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

// Include thumbnails is the RSS feed
function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

You can now try with GTMetrix.com if you have succefully remove the query strings. For the feed, you can test it with any RSS feed reader. Your WordPress feed are normally available at http://yourdomain.com/feed/.

Ubuntu - Blazing fast WordPress with Nginx php7 redis

Sun, 26 Jun 2016 00:37:00 +0000

You have buy a VPS to speed up WordPress, but you are using a control panel and it's not faster than before ? In this tutorial, you will learn how to setup a Blazing fast WordPress with Nginx php7 and redis cache.

This will require to use the the command linux via SSH. Yes I know, it's less user friendly than a control panel. But it will not require any resources after the install and we have an amazing tools to help us : EasyEngine

So, first we will talk about what we are going to install and why it will make WordPress faster.

Nginx : To pronounce "Engine X", it's the web server created in 2002, created to handle high traffic with a low memory footprint. And this is the reason which explain why Nginx is so popular at the moment. It can also be used as a reverse proxy or as a load-balancer, which means if you have few small VPS, you will be able to create a stable and reliable platform to host your website.

php7 : I will not explain what is the php but more about the difference between the 5.6 and the 7. It's the performance and there is nothing better than a small graphic to compare them. And WordPress is fully compatible with the latest version of php.

MariaDB : If you haven't already used it, MariaDB is a fork of Mysql from his creator, and it's an open-source solution which is currently faster than Mysql with a lower memory and processor footprint. So no need to hesitate, if you are still using msql, even in 5.7, it's time to move !

Redis : What is Redis ? It's a remote dictionary server, which will manage your database and store the values in the memory. It's a "NoSQL" solution as Redis can be used as a database by writing data on your ~~hard drive~~ SSD. For WordPress there is no faster solution as it will eliminate the queries to your database, and even if you are using Mariadb, it will be faster and using less resources.

But you are maybe thinking it will be very hard to configure all that stuff properly. No, you will be able to do it in less than 10 minutes ! Because we are going to use EasyEngine, the most powerful tools to create an optimized WordPress website.

It's a command line tool to create install and configure a complete web server with Nginx, PHP, MariaDB and Postfix in a single command. It also provide you the ability to manage properly your virtualhosts with Nginx and make it easy with simple command to use.

So to start you need a VPS with Ubuntu 14.04. EasyEngine is also compatible with debian 7/8 and Ubuntu 16.04. But as EE has been build at first for ubuntu, it's the most stable solution.

At first we need to install EasyEngine.

wget -qO ee rt.cx/ee && sudo bash ee

Done, EasyEngine is now ready to install what we need. So we are looking for WordPress with nginx, php7, redis and as it will not be harder, a SSL with let's encrypt. But you have the choice with EE :

A simple website for html :

ee site create example.com --html

A website with php :

ee site create example.com --php

A website with mysql :

ee site create example.com --mysql

A website with SSL by let's encrypt

ee site create example.com --letsencrypt

And for WordPress ? You just have to choose :

ee site create example.com --wp # install wordpress without any page caching

ee site create example.com --w3tc # install wordpress with w3-total-cache plugin

ee site create example.com --wpsc # install wordpress with whisp-super-cache plugin

ee site create example.com --wpfc # install wordpress + nginx fastcgi_cache

ee site create example.com --wpredis # install wordpress + nginx redis_cache

So for my example, I will use :

ee site create yourwebsite.com --wpredis --letsencrypt --php7

You will have to enter Yes to the EE questions, and yes your wordpress with redis php7 and SSL is already installed and configured. You also have two plugins in WordPress :

Nginx Helper to clear the cache
Redis Cache : To connect WordPress with Redis and to clear the cache

But you will maybe ask how you can connect to the database, what is the user of mysql and wordpress ? You can use a custom user during the install process by using

--user=admin and -pass=password to set WordPress login details.

But you can also look at the install log to find them as EE display it in the console :

nano /var/log/ee/install.log

To see all the commands available with the websites :

ee site

If you want to edit some default configuration (database, user etc) :

nano /etc/ee/ee.conf

By default EasyEngine create a backend access with all tools you can install with it (phpmyadmin, cache, php infos) at the address : http://yourserverIP:22222

To secure it properly just use :

ee secure --auth

It will ask you for a user and a password. You can edit it at anytime.

To edit the default port :

ee secure --port

And to get the mysql user of a website :

ee site info yoursite.com

So I recommend you to change the port of admin tools, and to install what you need in the following :

Adminer (phpmyadmin alternative )

ee stack install --adminer

phpMyAdmin :

ee stack install --phpmyadmin

phpAdminRedis (to manage data in cache) :

ee stack install --phpredisadmin

All the Admin tools (Adminer, phpMyAdmin, phpMemcachedAdmin, FastCGI cleanup script, OPcache, Webgrind, Anemometer) :

ee stack install --admin

You have to agree this tool is really awesome. And if you look to your memory usage using htop, you will see the difference with a control panel. Your website will be faster and you have the ability to edit your configuration or to add module when you want.

So to conclude this tutorial here the links you will need to understand perfectly EasyEngine and to use it for all your setup :

Leave a comment if you have any question !