(from my point of view, this may be a good idea or a bad idea.). In any case, this function is the current beta version, and it is the only function that can not always work properly (surprisingly, this function does not need JS). The HTML code optimization option removes all comments from the HTML page. Although scaling down is not yet supported, other plug-ins can be used, including automatic optimization. The
The intelligent asynchronous loading of CSS files not only improves the page loading time, but also shortens the time of content display during page loading. Load unimportant CSS files asynchronously (for example, files added by installed plug-ins) to prevent blocking the rendering process (that is, to help remove the white screen when the page is loaded). Don’t worry. This feature preserves the full order of CSS styles and the correct media properties. Male and female drivers will continue below. The male CSS style combination option can combine all CSS styles in HTML code into a single style tag. This makes the page smaller (although not much faster, but listed for completeness). The
In contrast, the referenced CSS file inline options help significantly reduce page load time@ You can directly put the contents of CSS files referenced by import at rule into HTML pages. Inline images in CSS style options work the same way as inline images in HTML code, but this time the image tags referenced by CSS code in style tags will be executed. If you use the visual composer plug-in, you will like the CSS style separation option. You can extract huge style tags from a page and move them to an external CSS file. Best of all, styles maintain the priority of CSS selectors when they are moved to other locations. That is, the page is the same as before. The
It may be difficult to connect CSS files. If some CSS files have syntax problems, the layout may be damaged. It is not a problem when the CSS file is loaded separately, but the CSS parser can be stopped in the middle of the merged CSS file so that the parser can effectively ignore the rest of the file. Therefore, the merged CSS file may be damaged. If you enable the external CSS file merge option, general CSS syntax issues are resolved and all media properties are preserved (the order of all CSS selectors in the entire file is preserved) before merging CSS files. The
If reference CSS file inline and inline images are also enabled in the CSS file option (both work in a similar way as described above), the overall impact on page load time will be very large. In addition, CSS files will be cached. It does not continue to transfer like inline images or CSS files in HTML code. Mobile users will like it. The maximum image size of html\/css code and the maximum image size of external CSS file options will affect the maximum size of bound images in HTML pages or external CSS files. HTML embedded images will be sent with all responses, so it is recommended to select a medium or small size in the first option. Instead, images embedded in external CSS files will be cached in the browser, so a larger size is recommended. The
The article will continue below. The options for combining the male and female JS code are the same as those for combining the style tag and all script tags into a single script tag (if the type attribute of the script tag is the same). With the move to end option, you can not only move all referenced JS files to footnotes (like many other plug-ins), but also move JS code, so compatibility is greatly improved (especially when the following options are active). The order keeping option looks normal, but the site doesn’t work properly.
Sometimes this happens. You can preserve the order of internal JS code (code in HTML source code) and external JS files. What do you mean? If there is an external JS file in front of the internal JS code, the JS file and all the following JS files will be merged into a new JS file (until there are other JS codes in the HTML) – to ensure compatibility with all JS. Code or JS file used by the website. The external JS file merge option can merge all JS files into a single JS file, or reduce the number of JS files (depending on the previous option). Now, if the WP accelerator plug-in provides excellent compatibility, you can see from the screenshot why it is possible to use the data PA exclude= \