Disable Emojis in WordPress 4.2+ For a Faster Page Load

As of WordPress 4.2, a new feature was introduced that allows you to use the new emojis (the tiny smiley icons). While on some WordPress setups is useful, in many situations, especially when you are not using WordPress as a blog, you just don’t need them and the file /wp-includes/js/wp-emoji-release.min.js is loaded along with extra inline JavaScript code.

As I want my page to load as fast as possible and have the HTML code clean when analysing the source code (as a developer), I’d rather have all that extra code removed, especially since it loads on every page of my website. There are 2 ways in which you can do that. We’ll start with the most convenient one:

1) Disable Emojis plugin

disable emojis plugin
This is the quickest way to do that and emoji’s will still work in browsers which have built in support for them. This plugin simply removes the extra code bloat used to add support for emoji’s in older browsers.

Read More

Remove unused scripts & styles on WordPress pages

Some time ago, I mentioned about Plugin Organizer and the benefits of loading plugins on pages when we only need them as we want to decrease page size and make our WordPress pages load faster, especially if we use a cache plugin such as W3 Total Cache.

However, there are situations when we need a plugin on a page or we use a theme, but some of the CSS and JavaScript files are not needed. Imagine a contact page where you only have some text and a form and you are using a theme that loads plenty of useless CSS and JavaScript files. Not ideal for our website visitors that should enjoy a faster page load.

I’ve decided to write my first official free plugin and share it with the WordPress community.

WP Asset Clean Up scans the page you’re editing, detects the loaded scripts and styles and shows them in a list where you can choose the ones that you do not want to load.

Read More

An MVC approach to WordPress Theme Development

As I was tired of seeing so many badly developed WordPress themes where the code was not sustainable, the understanding of it took a long time and moreover it was filled with procedural code that was not even organised properly, I was looking for a solution to separate the HTML code completely from the PHP one in a WordPress theme.

This has several advantages including:

  • Your templates look cleaner and are easier to maintain by the front-end developers. No more messy PHP code within HTML tags!
  • All the templates are organized in one location and updating them (even with a WYSIWYG editor) is much easier
  • All the logic/parsing of the information, database fetching is done in the PHP code.

Read More

Selective WordPress Plugin Loading

People often complain that WordPress is being slow and that’s true if you use lots of plugins, badly written code that doesn’t follow WordPress coding standards (it’s incredible how many people claim themselves to be WordPress developers without even following the basic coding standards in developing themes and plugins), no caching plugins to boost the speed of your website and no enqueue/dequeue of scripts and style based on the page loaded. The list can go on and on about website loading speed.

Today, I’d like to share with you a way to make your pages load faster without doing any coding, which is great for both beginners and advanced developers as it’s often convenient to apply things in the Dashboard rather then updating the code.

Read More

6 Online Tools You Can Use To Measure Website Speed

As higher visitor engagement, retention and conversions are obtained through fast and optimised web pages, one needs to identify performance best practices that can be applied to his/her website. As studies show that users leave a website if it hasn’t loaded within 4 seconds, you need to keep your users happy and engaged by providing a fast performing website which is also good from a SEO perspective, as Google nowadays take into account the loading speed as a ranking factor. The following websites are meant to help you determine how fast your website really is and take the necessary actions to speed the loading of your pages:

1) PageSpeed Insights

Measures the performance of a page for mobile and desktop devices. The URL is being fetched twice: once with a mobile user agent, and once with a desktop user agent. The page score ranges from 0 to 100 points. The higher the score, the better. If you have a score over 85, it suggests that the page is performing well.

This tool measures how a page can improve its performance on:

  • Time to above-the-fold load: Elapsed time from the moment a visitors requests a new page and to the moment the above-the-fold content is rendered by the browser.
  • Time to full page load: Elapsed time from the moment a visitor requests a new page to the moment the page is fully rendered by the browser.


page speed insights


Read More

Hello everyone!

Gabriel Livan here and this is my first post. I’ve decided to create this small blog to keep in touch with my clients, share with the community interesting things. and make myself easier to be find by anyone who would like to use my services. I’ve been working mostly with WordPress in the past years and I know its inside outs. I believe the speed and security of a website are often overlooked by many people and I’m here to help in any of these areas.