AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Combine and minify js files free tool3/19/2024 ![]() ![]() ![]() But no matter what you are doing to speed up your the delivery of your JavaScript, it is absolutely imperative that you do three things: A second is to employ a CDN of your own like Amazon’s CloudFront. One is to try and load most of your libraries from content delivery networks (CDN) provided by companies like Google and Microsoft. Both of these can really put a damper on the amount of time that your site initially loads for your user.įortunately for us there are several solutions to the problem of slow loading JavaScript. And so you can get into the situation where you have either hundreds of kilobytes of JavaScript or you just end up with a ton of tiny script files. But even if you aren’t maintaining those libraries, you are still responsible for pushing them all down to your users. And it is also likely that most of the JavaScript is in the form of libraries that you didn’t write and you don’t maintain. And make sure you’re on good hosting-that won’t be enough to guarantee you a fast site, but it’s probably the single most important decision you can make for site speed.It pretty much goes without saying that if you are building a public facing website these days you are probably using a ridiculous amount of JavaScript. If you’ve got the site speed bug, read our other articles on the topic. When I did it here on WPShout, our score went up from 63 and 81 to 72 and 84 (on mobile and desktop, respectively). Hopefully, with these steps taken, you’ll get a slightly better score on a site speed reporting tool like Google’s PageSpeed Insights. If something broke, uncheck the “Aggregate” option for that filetype until you can figure out the cause of the issue. (You’ll see red errors if something did.) Minifying won’t usually break anything, but aggregating/concatenating might, because files can start executing outside their intended order. Click around your site with your browser inspector open to the “Console” tab to make sure nothing broke.Feel free to play with Autoptimize’s other performance options, such as “Optimize HTML code?”.You can optionally also check “Also aggregate inline CSS?” to also concatenate CSS that’s been printed directly to your page rather than being called from a separate file. Check “Optimize CSS Code?” and “Aggregate CSS-files?” to minify and concatenate CSS stylesheets.You can optionally also check “Also aggregate inline JS?” to also concatenate JavaScript that’s been printed directly to your page rather than being called from a separate file. On that page, you’ll check “Optimize JavaScript Code?” and “Aggregate JS-files?” to minify and concatenate JavaScript files.For that, you’ll go to “Settings > Autoptimize” You’ll now have the plugin on, but for it to do anything you must tell it what you want it to do.Go to “Plugins > Add New” and search for “Autoptimize”.Watch the video to find out how:Īnd here’s a text guide to the same information: How to Use Autoptimize to Concatenate and Minify CSS and JavaScript in WordPress The site speed benefit of this is that your files are much smaller, and hence faster for the server to transfer to your browser.Īutoptimize will do both of these things for you, once you set it up properly. Minification is “rewriting” your code so that it has less white space, long function names, and other letters that are unnecessary to the computer that will be actually running that code.The site speed benefit of this is that the browser only has to request one file from the server, rather than making potentially dozens of separate requests. Concatenation (or aggregation) is the bringing together of many different files into one.These technical terms might sound abstract, but they aren’t really. What “Concatenate” and “Minify” Mean for JS and CSS Here, we’ll talk about how to unlock two of Autoptimize’s quickest wins: concatenating and minifying your JavaScript and CSS files. There are lots of ways to do it, but the best we’ve found in WordPress is a plugin called Autoptimize.Īs the name suggests, Autoptimize “automatically optimizes” a lot of things across your site for speed. To concatenate and minify your CSS and JavaScript is good advice for speeding up your site. ![]()
0 Comments
Read More
Leave a Reply. |