{"id":101990,"date":"2022-12-15T11:49:12","date_gmt":"2022-12-15T16:49:12","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=101990"},"modified":"2023-12-07T15:22:13","modified_gmt":"2023-12-07T20:22:13","slug":"autoptimize-plugin","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/","title":{"rendered":"How to Set Up the Autoptimize Plugin For WordPress"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Autoptimize<\/a> plugin for WordPress is a page speed tool. It combines code minification and aggregation with caching, CDN, and other optimization features. With a WordPress site, as with any dynamic site, optimizing performance involves a lot of moving parts. For those who are not comfortable tweaking settings at the server level, this plugin can provide some instant speed gains by <b>reducing HTTP requests<\/b>. <\/p>\n\n\n\n<p class=\"alert alert-info\"><b>What does that mean?<\/b> The process of loading a website from a server and into your browser is called \u201crendering\u201d.  To render a website often requires multiple \u201cHTTP requests\u201d.  Requests are made for the written content of the site, the CSS stylesheet(s), JavaScript files, images, and much more.  Each of these requests will require some time to load.  By limiting requests, you can speed up your site significantly. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#optimize\">How can I optimize my site without coding?<\/a><\/li>\n\n\n\n<li><a href=\"#install\">How do I install Autoptimize?<\/a><\/li>\n\n\n\n<li><a href=\"#settings\">What are the best optimization settings?<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#javascript\">JavaScript Options<\/a><\/li>\n\n\n\n<li><a href=\"#css\">CSS Options<\/a><\/li>\n\n\n\n<li><a href=\"#html\">HTML Options<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#results\">How do I measure site speed after optimization?<\/a><\/li>\n<\/ul>\n\n\n\n<p>In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization. For many basic WordPress sites, this can provide an instant boost in speed. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"optimize\">Optimize Your Site Without Coding Knowledge (How Autoptimize Works)<\/h2>\n\n\n\n<p>One of the best ways to speed up your site is to limit HTTP requests wherever possible.  For example, having multiple CSS and JavaScript files is common in WordPress themes, but this can increase load on the site, because each of these files must be loaded and rendered. <\/p>\n\n\n\n<p>To speed up the site, you would want to consolidate, or \u201caggregate\u201d, these separate files into as few files as possible, and then load them at the most strategic time in the page rendering process.  This requires extensive knowledge of the code of your theme. <\/p>\n\n\n\n<p>But, using the Autoptimize plugin does this for you. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install\">Install The Autoptimize Plugin<\/h2>\n\n\n\n<p> You can install the Autoptimize plugin in the same way you would <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/install-wordpress-plugins\/\">install any other WordPress plugin<\/a>: through the admin dashboard, or by downloading the plugin itself from the WordPress repository.  Once you have installed the plugin, go ahead and activate it.  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings\">Optimize CSS and JavaScript Files<\/h2>\n\n\n\n<p>The recommended default settings for Autoptimize will aggregate, minify, and cache CSS and JavaScript files.  For example, this means if you have multiple stylesheets or scripts, they will be combined into one file. <\/p>\n\n\n\n<p>To enable these settings, you must <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">log into your WordPress dashboard.<\/a> <\/p>\n\n\n\n<p>Once there, click <b>Autoptimize<\/b> under <i>Settings<\/i>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"javascript\">JavaScript Options<\/h3>\n\n\n\n<p>For JavaScript, enable these settings: <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Optimize JavaScript Code<\/td><td>Yes<\/td><\/tr><tr><td>Do not aggregarate but defer?<\/td><td>Yes<\/td><\/tr><tr><td>Also defer inline JS?<\/td><td>Yes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"css\">CSS Options<\/h3>\n\n\n\n<p>For CSS, enable the following settings: <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Optimize CSS Code?<\/td><td>Yes<\/td><\/tr><tr><td>Aggregate CSS-files?<\/td><td>Yes<\/td><\/tr><tr><td>Also aggregate inline CSS?<\/td><td>Yes<\/td><\/tr><tr><td>Generate data: URIs for images?<\/td><td>Yes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html\">HTML Options<\/h3>\n\n\n\n<p>You can also optimize the HTML code of your site with these options enabled: <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Optimize HTML Code?<\/td><td>Yes<\/td><\/tr><tr><td>Also minify inline JS\/ CSS?<\/td><td>Yes<\/td><\/tr><tr><td>Keep HTML comments?<\/td><td>Yes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"results\">Watch Your Site Speed Up?<\/h2>\n\n\n\n<p>After you have enabled these settings, be sure to click <b>Save Changes<\/b> at the bottom of the settings page. This will effectively reduce HTTP requests made to your website, speeding up page load. <\/p>\n\n\n\n<p>You should notice visible speed improvements on the site. To test your results, I\u2019d recommend using a tool like <a href=\"https:\/\/gtmetrix.com\/\">GTMetrix<\/a>. <\/p>\n\n\n\n<p>Well done! You now know how to optimize your site with the Autoptimize plugin for WordPress. If you have any questions about this article be sure to leave them below. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Autoptimize plugin for WordPress is a page speed tool. It combines code minification and aggregation with caching, CDN, and other optimization features. With a WordPress site, as with any dynamic site, optimizing performance involves a lot of moving parts. For those who are not comfortable tweaking settings at the server level, this plugin can<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\"> Read More ><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4529],"tags":[],"class_list":["post-101990","post","type-post","status-publish","format-standard","hentry","category-performance"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Set Up the Autoptimize Plugin For WordPress<\/title>\n<meta name=\"description\" content=\"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Up the Autoptimize Plugin For WordPress\" \/>\n<meta property=\"og:description\" content=\"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-15T16:49:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-07T20:22:13+00:00\" \/>\n<meta name=\"author\" content=\"Christopher Maiorana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Maiorana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\"},\"author\":{\"name\":\"Christopher Maiorana\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\"},\"headline\":\"How to Set Up the Autoptimize Plugin For WordPress\",\"datePublished\":\"2022-12-15T16:49:12+00:00\",\"dateModified\":\"2023-12-07T20:22:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\"},\"wordCount\":587,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\",\"name\":\"How to Set Up the Autoptimize Plugin For WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2022-12-15T16:49:12+00:00\",\"dateModified\":\"2023-12-07T20:22:13+00:00\",\"description\":\"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Set Up the Autoptimize Plugin For WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f\",\"name\":\"Christopher Maiorana\",\"description\":\"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set Up the Autoptimize Plugin For WordPress","description":"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Up the Autoptimize Plugin For WordPress","og_description":"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-12-15T16:49:12+00:00","article_modified_time":"2023-12-07T20:22:13+00:00","author":"Christopher Maiorana","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Christopher Maiorana","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/"},"author":{"name":"Christopher Maiorana","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f"},"headline":"How to Set Up the Autoptimize Plugin For WordPress","datePublished":"2022-12-15T16:49:12+00:00","dateModified":"2023-12-07T20:22:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/"},"wordCount":587,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"articleSection":["Performance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/","name":"How to Set Up the Autoptimize Plugin For WordPress","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2022-12-15T16:49:12+00:00","dateModified":"2023-12-07T20:22:13+00:00","description":"In this article, we will simply install the Autoptimize plugin and use some default settings for CSS and JavaScript optimization.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/autoptimize-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Set Up the Autoptimize Plugin For WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/c6922c56c84e17079fd558e07b7ef72f","name":"Christopher Maiorana","description":"Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.","sameAs":["https:\/\/www.linkedin.com\/in\/chris-m-4623144b\/"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/christopherm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4529,"name":"Performance","slug":"performance","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/performance\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/101990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=101990"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/101990\/revisions"}],"predecessor-version":[{"id":108317,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/101990\/revisions\/108317"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=101990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=101990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=101990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}