![]() So what is minification? It’s pretty simple! Minification is making the JavaScript, CSS and HTML files smaller. Later on, I will share a simple trick how you can see the number of files loaded. If you have many of them and they are big, it will impact how fast a website will load. Once you enter a website in your browser, these files need to be loaded from the server.Īnd here comes the caveat. Many plugins and themes use CSS and JavaScript files to style a webpage (colours, layout, typography, and so forth) and add functionality. It’s actually easy to minify WordPress, but it’s also important to understand what these files do. because with minification we are dealing with CSS, HTML and JavaScript files. You may be wondering why I am telling this. These plugins and themes often have many PHP, CSS and JavaScript files. These are used by any website.Īs you know, WordPress can have plugins and themes which determine extra functionality and the looks of a website. HTML and CSS: These are technically not programming languages, but mainly determine the structure, layout, colours, typography and looks of the website.For example, have you seen this fancy FAQ sections on websites? Where you click on a FAQ and it slides open? JavaScript makes this sliding functionality possible. JavaScript: JavaScript is a language that is run on the browser, and enhances the interaction on a website.For example, adding posts or having people send a form on your website. PHP: PHP is the language that is run on the server, and allows WordPress to have dynamic parts.There are many programming languages out there, but WordPress is built using the following ones: WordPress, as all software and websites, is created using programming languages. A small introduction to languages used in WordPress What is Minification?īefore we dive into Minification, I’ve to give a small explanation of how the software and programming behind WordPress works. This aspect is called Minification.īy the way, if you want to have a full-blown guide on how to optimize your WordPress website and make it blazingly fast, check out my guide on How to speed up WordPress in 6 Steps. Yes, you read that right, you can do this! In this article, I hope to guide you through one aspect of the topic called optimization. Knowledge Base What You Should Know About WordPress.WordPress Plugins Awesome Free WordPress Plugins.WordPress Themes Amazing Free WordPress Themes.WordPress Scripts Free scripts to speed up development.WordPress Security Hardening and Securing WordPress.WordPress for Starters Useful Beginner Tips.Online Marketing & SEO Getting More Visitors.Optimizing WordPress Getting Insane Speeds in WordPress.WordPress Hosting Everything You Need To Know.Development With WordPress All About WordPress & Coding.Best WordPress Hosting Discover the Best WordPress Hosting.WordPress Maintenance Rock-solid Optimizations & Fixes.WordPress Projects Design & Development for WordPress.Premium WordPress Hosting Amazing Managed WordPress Hosting.Also try to cut your plugin by creating WP Page Navigation without Plugin or another mostly used wordpress feature Related Post by Tags and Category Without Plugin. Well, that's it! Easy, eh? Try to reduce the use of unnecessary plugin when you know it's easy and fun to do it by yourself. In the end of the source, you should see this message: To see whether the minify function works properly, simply see your site source or press Ctrl + U from your keyboard. The size will be smaller and quite helpful to improve your pageload speed as well as google pagespeed and yslow grade (if you care). You know, it's so easy to do this, simply copy this magic minifying code ( View Code) and add it to functions.php file in your theme directory, save, and it's done!īy adding this minify function, you will see the source of your html, inline javascript and CSS are now compressed. But since we are now trying to cut the use plugins, we better try this manual way coz I also found the minify function doesn't really work well in W3 Total cache. This minify function can be found in WP-Minify plugin, or if you use W3 Total Cache plugin you can simply activate this feature. The implementation of this minify function is basically simple, by removing the white spaces, arguments and comments of inline javascript, CSS and HTML files. Minifying html, inline javascript and CSS is basically reducing the size of those files so it will be smaller and faster to download and shown on your browser. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |