@alriksson Yes, “Preload key requests” is the next feature that is coming up. It has to be done in such a way that it won’t interfere with existing preload features from other plugins such as WP Rocket (when Optimize CSS delivery is enabled).
Regarding “font-display: swap;” – this one is a bit trickier as it requires inserting the property within the CSS file or applying the property for the same font through an external inline CSS block of code. I can think of something. Also, preloading web fonts could be a good idea too. Perhaps having a text area where you put the URLs to the font files that you want to have preloaded?!
Thread Starter
Rookie
(@alriksson)
@gabelivan
Yes, “Preload key requests” is the next feature that is coming up. It has to be done in such a way that it won’t interfere with existing preload features from other plugins such as WP Rocket (when Optimize CSS delivery is enabled).
I see would like to see it soon to test. Plugins such as wp rocket never preload google fonts or fa icons or icon packs that are used above the fold.
Regarding “font-display: swap;” – this one is a bit trickier as it requires inserting the property within the CSS file or applying the property for the same font through an external inline CSS block of code. I can think of something. Also, preloading web fonts could be a good idea too. Perhaps having a text area where you put the URLs to the font files that you want to have preloaded?!
If it’s e.g googlefont you can add it in the end of the url <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
When it comes to other fonts such as FA icons or icons on each application the users use it has to be compiled and inserted. Maybe grab it and create a cached/critical font and dequeue the original?
I try to reduce the css and js when using page builders. I try to find ways to reduce it. Of course offload if with the exsisting plugins helps but it is still heavy css and js that must be used per file. Not all code within it. Would look for a solution to stirp unuused css and js. Wouldn’t it be possible to intigrate this in your plugin?
Like this one: https://unused-css.com/ but for both css and js directly into wordpress? https://web.dev/remove-unused-code
JS is so heavy for mobile and 3G connection to render.
@alriksson I’ve added the preload feature (it will likely need to be polished) to the development version. You can download it here: https://ww.wp.xz.cn/plugins/wp-asset-clean-up/advanced/ – “Development” should already be selected. Look for “Preload (if not unloaded)” checkbox when managing assets. This will generate the preload LINK tags in the HEAD section of the website. Let me know how it works for you!
Thread Starter
Rookie
(@alriksson)
@gabelivan Great, will see when I have some time to test it. Did you add an automated function or manually insert what to preload?
Thread Starter
Rookie
(@alriksson)
@alriksson You can select the CSS/JS that you need to have preloaded for maximum control. The changes will take effect on all pages. So, if you choose to preview a specific CSS file, it will be previewed everywhere. Definitely, the “font-display” will be considered for implementation in the Lite version. The Pro version will likely have the “font-display” for other files that are not from Google APIs.
Regarding “Critical CSS”, I’m open to it as it’s been requested before (not so much as the preload feature). From your experience, is CriticalCSS.com accurate or you have to edit the generated CSS yourself most of the time?
I haven’t made tests with “Async JavaScript”, but I will consider checking it out and making sure that Asset CleanUp doesn’t interfere with it.
PS: If you’re happy with Asset CleanUp, it would be great if you can leave a review about it here https://ww.wp.xz.cn/support/plugin/wp-asset-clean-up/reviews/ – That will boost my motivation to further improve the plugin.
-
This reply was modified 6 years, 11 months ago by
Jan Dembowski. Reason: Removed ?filter=5 from review link
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
@gabelivan I’ve edited your review link, please do not add ?filter=5 again. That hides all of the non-5 star reviews and is a little disingenuous.
The default stars for all reviews is 5. You do not have to hide any other reviews.
Thread Starter
Rookie
(@alriksson)
The preload is not working great and awesome. This since some files such as fonts (woff,woff2 etc) should be able to be preloaded. Usually a key thing to preload. Something that I see that assets clean up generally not detects to unload and control. Something you can implement?
@alriksson You said, “The preload is not working great and awesome”. I hope you meant “now“. If not, what’s wrong with it in your tests? Preloading for fonts will be implemented along with the option to append &display=swap to the Google Fonts requests. Would you like to have a text area where you manually input the paths to the fonts in order to be preloaded?
Thread Starter
Rookie
(@alriksson)
Ok good! yeah, it was fonts I want to preload. But not only google fonts since I load FA icons or custom icon woff2 packs that I would like to control. Right now I use a simple php snippet to do the work by adding it to the wp_head hook.
<?php
add_action( 'wp_head', function () { ?>
<link rel=“preload” href=“https://example.com/font/font.woff2?v24456” as=“font”>
<?php }, 2 );
-
This reply was modified 6 years, 11 months ago by
Rookie.
