Asset CleanUp: Page Speed Booster

Не просто минифицируйте и объединяйте файлы CSS/JavaScript, в результате чего получаются большие, раздутые и медленно загружающиеся страницы: Сначала удалите «жир» и получите более быстрый сайт 🙂

Более быстрая загрузка страницы = более счастливые посетители = больше конверсий = больше доходов

There are often times when you are using a theme and a number of plugins which are enabled and run on the same page. However, you don’t need to use all of them and to improve the speed of your website and make the HTML source code cleaner (convenient for debugging purposes), it’s better to prevent those styles and scripts from loading.

For instance, you might use a plugin that generates contact forms and it loads its assets (.CSS and .JS files) in every page of your website instead of doing it only in the /contact page (if that’s the only place where you need it).

«Asset CleanUp» сканирует вашу страницу и обнаруживает все загруженные ресурсы. Все, что вам нужно сделать при редактировании страницы / сообщения, это просто выбрать CSS / JS, которые не нужно загружать, таким образом уменьшая раздувание.

Плагин лучше всего работает в сочетании с плагином кэширования (например, WP Rocket, WP Fastest Cache, W3 Total Cache), хостинговой компанией, предлагающей пакеты с кэшированием на уровне сервера (например, WP Engine, Kinsta), или сервисом типа Cloudflare с включенным кэшированием страниц.

К ОСНОВНЫМ ПРЕИМУЩЕСТВАМ ПЛАГИНА ОТНОСЯТСЯ

• Decreases the number of HTTP requests loaded and eliminate render-blocking resources (important for faster page load) by unloading useless CSS/JS
• Предварительная загрузка файлов CSS/JS, локальных шрифтов и шрифтов Google для указания браузеру загрузить выбранные активы как можно скорее
• Минификация файлов CSS (включая встроенный код в тегах STYLE)
• Минификация файлов JavaScript (включая встроенный код в тегах SCRIPT)
• Combine remaining loaded CSS & JavaScript files
• Inline CSS Files (automatically & by specifying the path to the stylesheets)
• Defer combined JavaScript files by applying «defer» attribute to the SCRIPT tags
• Site-wide removal for Emojis, Dashicons for guest users and Comment Reply if they are not used
• Disable RSS Feeds
• Уменьшает HTML-код фактической страницы (это еще лучше, если включено сжатие GZIP)
• Makes source code easier to scan in case you’re a developer and want to search for something
• Remove possible conflicts between plugins/theme (e.g. 2 JavaScript files that are loading from different plugins and they interfere one with another)
• Better performance score if you test your URL on websites such as GTmetrix, PageSpeed Insights, Pingdom Website Speed Test
• Google будет больше любить ваш сайт, так как он будет быстрее, а быстрая загрузка страниц сегодня является фактором поискового ранжирования
• Файлы журнала доступа к вашему серверу (например, Apache) будут проще сканироваться и займут меньше места на вашем сервере

Оптимизация / удаление шрифтов Google

• Combine all Google Font requests into fewer (usually one) requests, saving one round trip to the server for each additional font requested
• Choose between three methods of delivery: Render-blocking, Asynchronous via Web Font Loader (webfont.js) or Asynchronous by preloading the CSS stylesheet
• Возможность предварительной загрузки файлов шрифтов Google с сайта fonts.gstatic.com (напр., заканчивающихся на .woff2)
• Apply «font-display» CSS property to all loaded Google Font requests
• Enable preconnect resource hint for fonts.gstatic.com in case you use Google Fonts; don’t let the browser wait until it fetches the CSS for loading the font files before it begins DNS/TCP/TLS
• Remove all Google Font requests including link/font preloads, @import/@font-face from CSS files & STYLE tags, resource hints

Оптимизация локальных шрифтов

• Предварительная загрузка локальных файлов шрифтов ( .woff, .woff2, .ttf и т.д.)
• Apply «font-display» CSS property value to LINK / STYLE tags (Pro version)

Remove useless links, meta tags and HTML comments within the HEAD and BODY (footer) tags of the website

• Really Simple Discovery (RSD) link tag
• Windows Live Writer link tag
• REST API link tag
• Pages/Posts Shortlink tag
• Post’s Relational Links tag
• Метатег версии WordPress (также хорош по соображениям безопасности)
• All «generator» meta tags (also good for security reasons)
• RSS Feed Link Tags (usually they are not needed if your website is not used for blogging purposes)
• oEmbeds, if you do not need to embed videos (e.g. YouTube), tweets and audios
• Valid HTML Comments (exceptions from stripping can be added and Internet Explorer conditional comments are preserved)

Each option can be turned on/off depending on your needs. Instructions about each of them are given in the plugin’s settings page.

Disable partially or completely XML-RPC protocol

This is an API service used by WordPress for 3rd party applications, such as mobile apps, communication between blogs and plugins such as Jetpack. If you use or are planning to use a remote system to post content to your website, you can keep this feature enabled (which it is by default). Many users do not use this function at all and if you’re one of them, you can disable it.

Plugin works with WordPress Multisite Network enabled!

Asset CleanUp Pro This plugin is the lite version of Asset CleanUp Pro that comes with more benefits including managing assets (CSS & JS files) on all WordPress pages, unloading plugins site-wide or via Regex(es), apply «async» and «defer» attributes on loaded JavaScript files which would boost the speed score even higher, move the loading location of CSS/JS files (from HEAD to BODY to reduce render-blocking or vice-versa if you need specific files to trigger earlier) and premium support. Click here to purchase Asset CleanUp Pro!

ЗАМЕТКИ

People that have tested the plugin are so far happy with it and I want to keep a good reputation for it. In case something is not working for you or have any suggestions, please write to me on the forum and I will be happy to assist you. BEFORE rating this plugin, please check the following post http://chrislema.com/theres-wrong-way-give-plugin-feedback-wordpress-org/ and then use your common sense when writing the feedback 🙂

GO PRO

• Unload CSS/JS files on all WordPress pages including Categories, Tags, Custom Taxonomy (e.g. WooCommerce product category), 404 Not Found, Date & Author Archives, Search Results)
• Unload plugins in the frontend view (for guest visitors) * This will not just unload the CSS/JS files loaded from the plugins, but everything else related to them (e.g. slow database queries)
• Unload plugins within the Dashboard /wp-admin/ * Do you have any slow pages that are loading within the Dashboard? You can reduce seconds in page load for some bulky ones or fix plugin conflicts
• Instruct the browser to download a CSS/JS file based on the visitor’s screen size (e.g. avoid downloading assets in mobile view when they are not needed, if the screen size is smaller than 768px)
• Defer CSS by appending it to the BODY to load it asynchronously (Render blocking CSS delays a web page from being visible in a timely manner)
• Move JavaScript files from HEAD to BODY and vice-versa (CSS files moved to the BODY are automatically deferred)
• Defer JavaScript loaded files (by applying «defer» attribute to any enqueued JS file)
• Async JavaScript loaded files (by applying «async» attribute to any enqueued JS file)
• Inline JavaScript files (automatically & by specifying the path to the stylesheets)
• Apply «font-display:» CSS property to @font-face from existing local files to improve the PageSpeed score for «Ensure text remains visible during webfont load»
• Приоритет в выпуске новых функций и других улучшений (обновления, которые предназначены для плагинов Lite и Pro, впервые выпущены для пользователей Pro)
• Премиум-поддержка и обновления в панели инструментов

Give Asset CleanUp a try! If you want to unlock all features, you can Upgrade to the Pro version.