How to Serve Compressed Emoji in WordPress

Emoji History in WordPress

WordPress 4.2 introduced emoji (smileys) that basically adds JS and other junk all over your site posts & pages; something many people found shocking. Checkout this question on WordPress Development StackExchange site. Many people found it as an unwelcoming move by the WordPress core development team because it increased the page load times significantly.

There was even a handful of plugins developed to remove this functionality from WordPress. Checkout Disable Emojis. This plugin removes the extra bloat used to add support for emoji’s in older browsers. Also checkout Classic Smilies. This plugin also offers the same functionality and disables all emoji functionality in WordPress 4.2 and above.

Previously either users had to cope up will all the bloat or remove the emoji functionality entirely from WordPress. But now there’s an easier solution. You can enjoy the emoji functionality on WordPress without sacrificing you page speed or load times.

The Solution

Install the Compressed Emoji plugin for WordPress. When this plugin is activated, the compression offers savings in the range of 3kb ~ 1.3kb (roughly 60%) per emoji!

WordPress Plugin Serves Pre-Compressed Emoji

Courtesy: WP Tavern

It compresses the files using SVGO, an open source Node.js-based tool for optimizing SVG vector graphics files. The tool removes unnecessary data like metadata, comments, hidden elements, and default or non-optimal values from the SVG files without affecting their rendering.

Also Read: Enable Accelerated Mobile Pages in WordPress

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s