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

What is Gzip Compression?

George Prodromou

Most impactful change to improving your page load times

George Prodromou

What are on-page requests?

George Prodromou

Leave a Comment