Replies: 0
i have the problem, that i get a perfect gtmetrix and pingdom score with autoptimize, but when it´s active, the ttfb is very bad with over 1300ms.
when i deactivate autoptimize, the ttfb is under 300ms but the gtmetrix and pingdom score is bad.
any solution for that problem? or is that normal?
Replies: 1
I just spent 30 minutes trying all combinations of paths and looking at everything trying to figure out why my exclude js file wasn’t working.
I finally tracked it down to the additional setting at the bottom of the page under misc:
Minify excluded CSS and JS files?
Which still moves the file even though you have excluded it.
I was trying to exclude it because the script with the problem was detecting its location and trying to use it in a relative path so I needed it to be fully out.
Please consider putting a mention of this in the hint which explains the exclude field.
Adding this bit so it hopefully comes up for the next dev that gets stuck on this:
This issue is caused by StencilJS, which generates web components. The script tag to include it just injects two additional scripts, one with module, one with nomodule attributes to deliver optimised code to different browsers. The url injected is relative to the main included javascript file.
Replies: 0
Hi, I assume due to the latest update of Autoptimize, but not sure, I see my console displays some of my images as not found (404), using the lazysizes script.
I am using javascript async as well, with the following settings:
Async JavaScript Method – defer
jquery – exclude
Enable Autoptimize Support – enabled
jquery method – defer
Can you confirm there is an issue here? And do you know a fix?
Kind regards,
Jan Willem
Replies: 3
Hey, Frank. I just installed Autoptimize the other day and have been very satisfied. Thank you in advance for your help, I have read many of your forum responses with legendary customer service.
I have seen a good improvement on my PageSpeed insights after installation, mainly due to reductions in Render Blocking scripts. I use this plugin in conjunction with WP Fastest Cache (I have turned off minification settings in WPFC) along with Jetpack CDN for images and scripts. I have been using advanced caching for a month or so, and the CDN for a long time.
Since installing Autoptimize, mostly everything seems to be working well, although I have uncovered one strange behavior that I cannot figure out how to fix. On my “pages” (but not on my “posts”, which are working fine, or my homepage, which is also working fine), the post grids have changed their text header and snippet styling. Up until now, I have had relatively small headers and text under each thumbnail image, but that has suddenly changed to very large wording, as if it is now inheriting the style from a different source.
When I have the “By default Autoptimize is also active for logged on users, uncheck not to optimize when logged in e.g. to use a pagebuilder.” checked, I can see the new large font style which is shown to other visitors who are not logged in. When I uncheck this box to see it without the Autoptimize settings, it looks normal.
Here are the before and after. The one with the large text is the one I am trying to correct.
The settings which I currently have turned on in Autoptimize are as follows, and I have made no changes to any of the automatic excluded scripts:
Optimize JavaScript Code?
Aggregate JS-files?
Exclude scripts from Autoptimize: wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js
Optimize CSS Code?
Aggregate CSS-files?
Also aggregate inline CSS?
Exclude CSS from Autoptimize: wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css
Optimize HTML Code?
Save aggregated script/css as static files?
Minify excluded CSS and JS files?
Remove emojis
Remove query strings from static resources
If I did not add it to the list above, the option is not selected. Also, here are my current WPFC settings. I have unchecked the options for combining CSS and JS because that is covered with Autoptimize already. I assume this is correct?
And lastly, I have one more unrelated question. I want to ensure that my Jetpack CDN is properly integrated with Autoptimize, and need to input my CDN root URL into the plugin. The issue is, as you have likely run into before, Jetpack does not use one CDN root. There are numerous server URLs that show up when I check the pages with Pingdom, such as s0.wp.com/… s1.wp… i3.wp… etc. Likely at least 6 or more. I reached out to Jetpack to ask them what my root CDN URL was, but predictably, they were not helpful. Do you know what your customers who use Jetpack CDN put in this field? If it is blank, am I missing some of the static file CDN capabilities?
Thank you again for your help!
Replies: 3
Hi. I’ve added a stylesheet to the excluded list, and I expected to see it have its own line in the document. Instead, it is still being concatenated along with all of the other CSS.
The file name is style.css in our theme directory which is named _tk (wp-content/themes/_tk/style.css)
Normally, that file is loaded with a versioning parameter, which is the timestamp of the file, so that it will be cached until it is changed.
With AO on and that file added to the exclusions list, it appears like this:
<link rel='stylesheet' id='_tk-style-css' href='[wordpress-install-directory]/wp-content/cache/autoptimize/css/autoptimize_single_059c82ec9d87aadadd5acb6022964898.css?ver=1574297362' type='text/css' media='all' />
But I don’t want the timestamp version number added to the entire autoptimize file; only to that one specific file.
Is this the expected behavior? Am I doing something wrong? How can I get the desired result?
Replies: 1
Hello,
I’ve seen this topic:
https://wordpress.org/support/topic/remove-google-fonts-does-not-remove-preconnect-to-https-fonts-gstatic-com/
Its about this code that removes the google fonts:
/**
* Removes the preconnect to fonts.gstatic.com
*/
add_filter(‘autoptimize_html_after_minify’, function($content) {$content = str_replace(“<link href=’https://fonts.gstatic.com’ crossorigin rel=’preconnect’ />”, ‘ ‘, $content);
return $content;
}, 10, 1);
But I cant figure out where to add this.
Any help?
Thanks in advance.
Replies: 1
Hi, it took me a while after checking featured images / thumbnails etc that the Auto Optimize Lazy Load is causing images not to be displayed on links within product descriptions to another product. Please see sample URL. I disabled Lazy load for now to ensure website functions correctly, as soon as I activate it, the product images from links to other products disappear
Replies: 2
Hi there,
I need to troubleshoot an issue with broken Divi website after Autoptimize installation.
So, when website is loaded for the first time or when we clear browser cache and reload with Ctrl+F5 under firefox website is OK, but when refresh website again it is broken.
On inspect element I can see that browser trying to load https://ato-strategic.com/wp-content/cache/autoptimize/js/autoptimize_ac670da21728c55280a93ae7d5233ba9.js
This file does not exist and I have no explanation why browser is trying to load it after website refresh!
I have tried to disable and reinstall the plugin, clear the browser and WP cache but without any success.
WP version – 5.3
Autoptimize version – 2.5.1
Can you assist here ?
Replies: 0
When I put my website through GT Metrix, I get an F grade for Enable Compression, despite GZIP being enabled and functional.
I get this notice: Compressing https://deaf.org.nz/wp-content/cache/autoptimize/1/js/autoptimize_ee1a3117a4a330e8ec9cf5e9c02888fb.js could save 698.2KiB (72% reduction).
I have tried serving static files, but this breaks the mobile view.
Replies: 3
Dear support team,
I have a small problem with a .CSS file with a Jquery.
The following line makes a button disappear. This button need to stay whatever the screen size.
@media only screen and (max-width: 1024px)
.hide {
display: none!important;When I download the file (see the link), I change the code and I upload it back on server the code, changes disappear for the line above.
Thanks in advance for your help
Replies: 1
Hi!
Autoptimize features the option to combine files, which is great for reducing the number of HTTP requests. However, in HTTP/2, there is no need to reduce the number of requests.
HTTP/2 also has a “push” option to force clients to fetch files before they are requested, which is great for critical CSS/JS. It’s very easy to set up, but not when the file names keep changing (every time you clear the cache).
I would love it if Autoptimize added this feature to automatically push the generated CSS files (with exclusion options, of course).
Thank you.
Replies: 4
Hi,
I cannot use the option aggregate js files, because it breaks one important script. What exactly should I add to the Exclude scripts from Autoptimize: to get this script from my site excluded and working.
https://granito.ee/telli-kavand/
<script><br />
function getURLParameter(name) {<br />
return decodeURIComponent((new RegExp(‘[?|&]’ + name + ‘=’ + ‘([^&;]+?)(&|#|;|$)’).exec(location.search)||[,””])[1].replace(/\+/g, ‘%20’))||null;<br />
}<br />
//<![CDATA[
tooteKood = getURLParameter(‘pood’);
// ]]></script>
Replies: 6
Hello,
Thank you for this very very useful plugin. Works perfectly !
I came here refering to the faq about this point :
Can the generated JS/ CSS be pre-gzipped?
Yes, but this is off by default. You can enable this by passing ´true´ to ´autoptimize_filter_cache_create_static_gzip´. You’ll obviously still have to configure your webserver to use these files instead of the non-gzipped ones to avoid the overhead of on-the-fly compression.
I have monitored my waterfall and realised that the main css file is served 10% of the true size.
So, I guess this is gzipped file ?
BUT, looking at autoptimizeCache.php, the filter ´autoptimize_filter_cache_create_static_gzip´ is set to false.
My questions :
How can the webserver serves generated gzipped files if this set to false ( .htaccess ?) ?
Should I take care of it if my received CSS is already 10% of the one on the server ?
Why is this filter made for and when ?
After modifying the filter to true, how can I configure my webserver to be sure to use these files (that I can see in /wp-content/cache/autoptimize/js or /css) ? and be sure the compressed version is used and uncompressed by the browser ?
Thank you very much
Replies: 6
“Inline all CSS” option causes invalid characters on Google Structured data testing tool (https://search.google.com/structured-data/testing-tool), if the language is different than English. Had to disable the setting for the pages to display with the correct codepage. This issue appeared on version 2.5.1
Replies: 1
Running a page speed report and getting dinged because of the issue referenced above.
So to improve page speed score, when referencing google fonts, can you please add the following to the url:
&display=swap
Per instructions listed on this issue: https://github.com/GoogleChrome/web.dev/issues/1939
Thoughts?
Replies: 0
Dear autoptimize Team,
my theme is Generatepress – my mobile menu has not been working recently
if I deactivate autoptimize everything works again
can you help me?
best regards
lil
Replies: 0
Hey guys,
Google Page Speed Test…amongst various items…is suggesting that we need to preload a TTF file.
We are using the Avada theme in which we can specify a custom font that is uploaded to the server. That is the font the test is specifically indicating to be a problem.
https://inspiredorganics.com/wp-content/uploads/2018/04/Campton-Bold.ttf
Avada Support is suggesting we need to touch base with the Autoptimize team since we are using the plugin.
Google Page Speed Test Results
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Finspiredorganics.com%2F
We could not find the option to preload this TTF file.
Any help in this direction is greatly appreciated.
Replies: 6
Hi Frank
I have a problems with the lazyload feature on my site ?
Lazyload works fine on mobile version but not on desktop version ?
Regards
Bjørn
Replies: 0
Hi,
I created a new website, and sometimes not all elements are loaded correctly.
This happend on mobile so I am unable to debug.
Do you know if this is related to async loading of JS and CSS? I am guessing in this direction since I have no clue and it sounds logic that this might be related to async loading..
Here are two screenshots:
Screenshot 1
Screenshot 2
Thanks a lot in advance!
Replies: 0
Hello!
Lines:
<meta itemprop=”position” content=”0″>
<meta itemprop=”position” content=”1″>
after AO HTML minification:
<meta itemprop=position content>
<meta itemprop=position content=1>
(0 and quotes are missing)
What’re we doing wrong?)
P.S. W3TC is installed, minification is disabled, but W3TC “removeAttributeQuotes” in AO “Minify_HTML::minify” still works(
