Critical CSS

Mark Holland
113 Posts
Mark Holland posted this 17 March 2017

Hi All I am using above the fold plugin for wordpress I have installed the critical css info and still having issues so was wandering if someone could point me in the right direction, I still get the flash of un-styled content when i visit the page.

http://oxydubbers.co.uk/?compare-abtf=4067dc2f15c3bcd3bc6391d8a9978de6

Check the link out the left is what I am seeing when the page loads.

On other sites it seems ok but not with this one.

Any pointers would be appreciated.

Hi All I am using above the fold plugin for wordpress I have installed the critical css info and still having issues so was wandering if someone could point me in the right direction, I still get the flash of un-styled content when i visit the page. http://oxydubbers.co.uk/?compare-abtf=4067dc2f15c3bcd3bc6391d8a9978de6 Check the link out the left is what I am seeing when the page loads. On other sites it seems ok but not with this one. Any pointers would be appreciated.
wordpress css critical-css
Vote to pay developers attention to this features or issue.
10 Comments
Order By: Standard | Newest
Mark Holland
113 Posts
Mark Holland posted this 17 March 2017

it actually seem,s like the background header image is the issue but cant for the life of me work out.

it actually seem,s like the background header image is the issue but cant for the life of me work out.
Support Team
Support Team posted this 17 March 2017

Hi,

Looks like the plug-in is changing the names of the images in the CSS code. I'm not sure how we could help with this issue.

Sincerely,
Hella

Hi, Looks like the plug-in is changing the names of the images in the CSS code. I'm not sure how we could help with this issue. Sincerely, Hella
Mark Holland
113 Posts
Mark Holland posted this 17 March 2017

could you give an example as i cant see it?
I should be able to sort it from here.

Also I have been doing a lot of optimisation work on a lot of my themler templates and I have some ideas for future releases.

  1. In the image editor have an optimisation plugin.
  2. Maybe add some css and java minify plugins
  3. Any other speed options

Thanks Mark

could you give an example as i cant see it? I should be able to sort it from here. Also I have been doing a lot of optimisation work on a lot of my themler templates and I have some ideas for future releases. 1. In the image editor have an optimisation plugin. 2. Maybe add some css and java minify plugins 3. Any other speed options Thanks Mark
Support Team
Support Team posted this 20 March 2017

Hi,

Sorry for the delay. Now the link does not load any styles for the left site example.

As for your suggestions, thanks, but we are already minifying the exported css and js files.

Sincerely,
Hella

Hi, Sorry for the delay. Now the link does not load any styles for the left site example. As for your suggestions, thanks, but we are already minifying the exported css and js files. Sincerely, Hella
Mark Holland
113 Posts
Mark Holland posted this 22 March 2017

Hi Hella,

I have turned the wordporess plugins off and i am still seeing errors which tell me that the java is not minified

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyoursocialmediamanager.co.uk%2F&tab=mobile

Here are the errors

Consider Fixing:
Minify JavaScript
Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.
Minify JavaScript for the following resources to reduce their size by 46.4KiB (44% reduction).
Minifying https://yoursocialmediamanager.co.uk/…SocialMedMan140317/jquery.js?ver=1.0.881 could save 41.3KiB (50% reduction) after compression.
Minifying https://yoursocialmediamanager.co.uk/…SocialMedMan140317/script.js?ver=1.0.881 could save 4.4KiB (22% reduction) after compression.
Minifying https://yoursocialmediamanager.co.uk/…ialMedMan140317/CloudZoom.js?ver=1.0.881 could save 819B (23% reduction) after compression.
Hide details

Regards

Hi Hella, I have turned the wordporess plugins off and i am still seeing errors which tell me that the java is not minified https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyoursocialmediamanager.co.uk%2F&tab=mobile Here are the errors Consider Fixing: Minify JavaScript Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time. Minify JavaScript for the following resources to reduce their size by 46.4KiB (44% reduction). Minifying https://yoursocialmediamanager.co.uk/…SocialMedMan140317/jquery.js?ver=1.0.881 could save 41.3KiB (50% reduction) after compression. Minifying https://yoursocialmediamanager.co.uk/…SocialMedMan140317/script.js?ver=1.0.881 could save 4.4KiB (22% reduction) after compression. Minifying https://yoursocialmediamanager.co.uk/…ialMedMan140317/CloudZoom.js?ver=1.0.881 could save 819B (23% reduction) after compression. Hide details Regards
Support Team
Support Team posted this 23 March 2017

Hi,

The site should be using the script.min.js version of the script.js file. As for the others, indeed, they are not minified. Maybe you could find some other plug-in that won't change the CSS files while minifying.

Sincerely,
Hella

Hi, The site should be using the script.min.js version of the script.js file. As for the others, indeed, they are not minified. Maybe you could find some other plug-in that won't change the CSS files while minifying. Sincerely, Hella
Mark Holland
113 Posts
Mark Holland posted this 23 March 2017

I'm not using the plugin ypu told me themler minify's but it does seem to be working all plugin are off.

I'm not using the plugin ypu told me themler minify's but it does seem to be working all plugin are off.
Support Team
Support Team posted this 24 March 2017

Hello Mark,
Themler minifies the "main" files but not all.
For now we may recommend that you consider using special WP plugins which are used to minify JS and CSS code, for example https://wordpress.org/plugins/bwp-minify/, https://wordpress.org/plugins/wp-minify-fix/

I'll also contact developers about script.js file and will let you know

Regards,
Aileen

Hello Mark, Themler minifies the "main" files but not all. For now we may recommend that you consider using special WP plugins which are used to minify JS and CSS code, for example https://wordpress.org/plugins/bwp-minify/, https://wordpress.org/plugins/wp-minify-fix/ I'll also contact developers about script.js file and will let you know Regards, Aileen
Mark Holland
113 Posts
Mark Holland posted this 24 March 2017

ok thanks, I think themler really needs to think about optimization addons, like minify correctly and image optimization. The less addons dev's can use the more appealing themler will become.

Thanks

ok thanks, I think themler really needs to think about optimization addons, like minify correctly and image optimization. The less addons dev's can use the more appealing themler will become. Thanks
Support Team
Support Team posted this 28 March 2017

Hello Mark,
I contacted developers about this issue and they reported that Themler theme should be loaded with style.min.css and bootstrap.min.css files. The rest .js and .css files are not minified. This should happen after theme is Published

publish.png

Please try to publish and let us know the results.

regards,
Aileen

Hello Mark, I contacted developers about this issue and they reported that Themler theme should be loaded with style.min.css and bootstrap.min.css files. The rest .js and .css files are not minified. This should happen after theme is Published !publish.png! Please try to publish and let us know the results. regards, Aileen
publish.png
You must log in or register to leave comments