Polish seems to be not working


#1

Hello, in the section “Speed” —> “Polish” I’ve set to “lossy” and checking “WebP”.

But in my website, each page containing at least a big image and a miniature, I’m not able to see any improvement in images weight and page speed loading.

All images are hosted on server.

can someone help me? Thanks


#2

@euroshoppingonline.c you will want to look at the response headers of the image(s) to determine whether Polish is working successfully.

When an image is “Polished” you will see both the Cf-Bgj header (shows that polish occurred, as well as what quality setting was used) and the Cf-Polished header (gives information about the quality setting used, original size, and new size).


#3

Hello, first of all thnaks for your answer.

I still have a doubt: where should I see the headers (Cf-Bgj and Cf-Polished)?

In the web page? In the folder where meadia are stored?

Really thanks


#4

Hi @euroshoppingonline.c you could use something like developer tools on google chrome and check the response headers on a img. Hope this helps


#5

Hello, thanks first of all

I made a check using Chrome Dev Tools

It seems to be no compression, why??


#6

In the images you may see my Cloudfare Settings and Chrome Dev Tools response


#7

Hi @euroshoppingonline.c just checking some of your images and i can see that polish is working and enabled.


#8

Hello, reallly thanks for your answer

Well, when using tools like GT Metrics, Google Speed Insight, WebPageTest they say me images are really heavy in kb and they results not compressed or optimized in any way

Could you tell me the tool from where you extracted your screenshoy?

Thanks again


#9

hi @euroshoppingonline.c i used google tools click on the ‘network’ tab then on the left you’ll have a list


#10

Thanks!


#11

Glad to hear @danstock was able to help you find the information!

I took the liberty of running a PageSpeed test against your website, and it looks like Google is recognizing the images as optimized now. The only other optimization that I would recommend -based on the results I am seeing- is Rocket Loader. This should help eliminate render-blocking JavaScript.

Separately, I do see several third-party resources which are not loaded from your own domain, thus they cannot be optimized by Cloudflare. If possible you should either serve these from your own domain, or remove these resources entirely if possible (http requests are expensive!).


#12

Hi @Martijn I found really pretty Cloud Flare support area! And you’re very kind :slight_smile:

Well, if you’re able to verify images are optimized thei’re sure.

About Rocket Loader, actually it is set on “Automatic”: do you think it’s the best option?

Thanks!


#13

#Rocket Loader: I’m tryng the asynchronous tag data-cfasync=“true”

but in my page, in the head, js scripts requested to make asynchronous have this aspect:

skin_csscss/jquery.fancybox.css

Where should I have to add the data-cfasync=“true” ???

I will be really graceful for your help! Really thanks


#14

Rocket Loader is really hit or miss, so you’ll want to test to see what works best for you. It may work with all your scripts, in which case I would recommend keeping it on Automatic, but it may interfere with one or more of your scripts in which case I would recommend either excluding those OR loading Rocket Loader individually for resources that it does work with.

The data-cfasync="true" needs to be added where you call the actual script in the HTML, i.e.:

    <script data-cfasync="true" src="/javascript.js"></script>      

#15

hi @Martijn I was wrong in paste. Here are how scripts in my html are present. How can I use in this case the data-cfasync=“true” ?

        <default>
<reference name="head">
<action method="addItem"><type>skin_css</type><stylesheet>css/jquery.fancybox.css</stylesheet></action>
<action method="addItem"><type>skin_css</type><stylesheet>css/nivo-slider.css</stylesheet></action>

#16

Rocket Loader only works for JavaScript resources, so the data-cfasync can only be added to the <script> tag. Those in your paste are CSS resources and won’t benefit from Rocket Loader I am afraid. There’s a separate topic in the Product Request forum to implement something like Rocket Loader for CSS: Rocket Loader for CSS


#17

I made a transcription mistake! Here what’s in the head:

<action method="addItem"><type>skin_js</type><name>js/jquery-1.11.0.min.js</name><params/></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.nivo.slider.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.carouFredSel-6.2.1.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/wow.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/bootstrap.min.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.sequence-min.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.fancybox.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.scripts.js</name></action>

#18

Aha! It appears that Magento loads resources in this specific way, and sadly the data-cfasync param cannot be applied in this case. I am also not sure whether Rocket Loader would apply to these resources if it were to be set to Automatic, since it expects the JS resources to be loaded as part of the <script> tag – but someone with more Magento knowledge would have to test and confirm that.


#19

Hey there. I’m not familiar with Magento and don’t have an account with Polish or Rocket Loader, so, you know, fair warning: you seem to have a lot of HTTP request for JS & CSS (over 40) - I see these assets are minified, but is there any way you can combine these assets to cut back on the number if HTTP requests? Again, I’m not familiar with Magento, so I’m not sure if there are plugins available that will concatenate these assets for you, but it’s something I would look into if you’re looking to improve performance or page speed scores.

Martijn is also correct in that you have external assets being served from over 10 different domains. This also has an impact on your page speed score.


#20

Yes , we just paid Cloudflare for the POLISH FEATURE , $20/month.

After having our account billed ,we apply the feature , clear all cache and re-check images.

NONE of the images are being compressed.

We will now email CLOUDFLARE demanding a full refund.

Very disappointing.