G7 Guides
Home » What is Minify?
Page Speed

What is Minify?

You probably heard that you should always minify your files, be it JavaScript, HTML or CSS. Tools such as PageSpeed Insights will often flag warnings that CSS & JS files are not minified, but what exactly does it mean?

Minify is the process of removing all unnecessary bytes within a file, such as spaces.

For example, code that has not been minified will look like this.

Unminified Example:

<html>
 <head>
 <style>
 /* awesome-container is only used on the landing page */
 .awesome-container { font-size: 120% }
 .awesome-container { width: 50% }
 </style>
 </head>

Minified Example:

<html><head><style>.awesome-container{font-size:120%;width: 50%} </style></head>

Minifying multiple files with thousands of lines of code can help reduce the overall page size, resulting in faster page loads.

Is your website hosted with G7Cloud?

If you host your website with G7 you can leverage the Litespeed WordPress plugin that should be installed, this plugin can many options including minification for HTML, CSS and JavaScript. All of these settings can be found under the ‘optimize’ tab within the LiteSpeed plugin.

Related posts

How To Serve Next-Gen WebP Images on WordPress

George Prodromou

Improve your SEO performance with G7 Cloud Hosting

George Prodromou

Most impactful change to improving your page load times

George Prodromou

1 comment

How to Install LiteSpeed WordPress Plugin - G7 Guides June 22, 2019 at 11:28 am

[…] Minify CSS, JavaScript, and HTML […]

Reply

Leave a Comment