New to Pagespeed Module. Conflicting Filters?

[Kristoff Rand]

Hello all, I'm new to PageSpeed Module getting good results.

http://gtmetrix.com/reports/www.aboveallhouseplans.com/evBG60VI

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.aboveallhouseplans.com%2F

http://www.webpagetest.org/result/131109_JQ_9TQ/


I wonder if I might as a few questions.
(I already made this post once but someone deleted it without telling me why.)
So here goes again.

1. Is this filter group ok together? It seems a bit counter intuitive but seems to work well.

    ModPagespeedEnableFilters canonicalize_javascript_libraries

    ModPagespeedEnableFilters insert_dns_prefetch

    ModPagespeedEnableFilters defer_javascript

    ModPagespeedEnableFilters move_css_to_head

    ModPagespeedEnableFilters rewrite_css,sprite_images

    ModPagespeedEnableFilters inline_css

    ModPagespeedEnableFilters insert_image_dimensions

    ModPagespeedEnableFilters rewrite_images

    ModPagespeedEnableFilters combine_javascript

    ModPagespeedEnableFilters rewrite_style_attributes

    ModPagespeedEnableFilters inline_javascript

2. Is there or will there be a CSS deferring filter?

3. Pagespeed module seems to be changin the names of or delivering my images with different names. is there a way to ensure the original file name is delivered?

thanks for any insights...

[Matt Atterbury]

On Sat, Nov 9, 2013 at 9:31 PM, Kristoff Rand <kristo...@gmail.com> wrote:

I wonder if I might as a few questions.
(I already made this post once but someone deleted it without telling me why.)

Just FYI, this is a moderated group so your first post was there it just hadn't been approved.

And as it's Sunday we'll probably get back to you with a real answer tomorrow :-)

cheers, m.

[Joshua Marantz]

Answers inline

On Sat, Nov 9, 2013 at 9:31 PM, Kristoff Rand <kristo...@gmail.com> wrote:

Hello all, I'm new to PageSpeed Module getting good results.

http://gtmetrix.com/reports/www.aboveallhouseplans.com/evBG60VI

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.aboveallhouseplans.com%2F

http://www.webpagetest.org/result/131109_JQ_9TQ/


I wonder if I might as a few questions.
(I already made this post once but someone deleted it without telling me why.)
So here goes again.

1. Is this filter group ok together? It seems a bit counter intuitive but seems to work well.

Why do you say your filter-selection is count-intuitive?  It seems fine to me.  I assume you set 'level' to 'PassThrough' otherwise you'll also get a few more, notably flatten_css_imports, which I'd generally strongly recommend -- which is why we have it in the Core Filters set.  If you have no @imports in your CSS files then it will do nothing, and if you have them then it will flatten them.  Based on your WebPageTest results I don't think it will matter for that page.

Another way to express the same filter-set (plus a few others) is to enable the Core filters, and then manually add the ones you've chosen that are not already in core: canonicalize_javascript_libraries, insert_dns_prefetch, defer_javascript, move_css_to_head, sprite_images,insert_image_dimensions.

You might also consider transcoding images to webp: convert_jpeg_to_webp.

2. Is there or will there be a CSS deferring filter?

Yes!  Check out prioritize_critical_css and the blog post illustrating its benefits: http://googledevelopers.blogspot.com/2013/11/speeding-up-mobile-pages-with.html

3. Pagespeed module seems to be changin the names of or delivering my images with different names. is there a way to ensure the original file name is delivered?

Yes, you can preserve the image URLs:  https://developers.google.com/speed/pagespeed/module/config_filters#preserveurls.  This has to be used with In-Place Resource Optimization: https://developers.google.com/speed/pagespeed/module/system#ipro.

Note that you can't use sprite_images in this mode, nor will you get any image inlining.

 

-Josh

[Kristoff Rand]

Sorry... I saw that it was moderated before my fist post... Then a few hours later tried searching for my post and it showed a link to it. When I clicked it said it had been deleted. I'll remember to wait for moderation next time. Thanks for the tip

[Kristoff Rand]

You rock... thanks for the help.

[Kristoff Rand]

On Sunday, November 10, 2013 8:21:03 AM UTC-6, jmarantz wrote:

Answers inline

On Sat, Nov 9, 2013 at 9:31 PM, Kristoff Rand <kristo...@gmail.com> wrote:

Hello all, I'm new to PageSpeed Module getting good results.

http://gtmetrix.com/reports/www.aboveallhouseplans.com/evBG60VI

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.aboveallhouseplans.com%2F

http://www.webpagetest.org/result/131109_JQ_9TQ/


I wonder if I might as a few questions.
(I already made this post once but someone deleted it without telling me why.)
So here goes again.

1. Is this filter group ok together? It seems a bit counter intuitive but seems to work well.

Why do you say your filter-selection is count-intuitive?

Like the CSS mods, I only have one css file and then why would I inline and move to head... stuff like that.

It seems fine to me. Kool, I'm in way above my paygrade so I appreciate the advice.

I assume you set 'level' to 'PassThrough' otherwise you'll also get a few more, notably flatten_css_imports, which I'd generally strongly recommend

-Actually I hadn't... I had read on a few other posts that some features were only working if they were manually enabled and I had read that doubling up wouldn't mess it up. I now have the pass through set and the core filters i wanted plus the one's we've discussed.

- which is why we have it in the Core Filters set.  If you have no @imports in your CSS files then it will do nothing, and if you have them then it will flatten them. 

I don't think I do, but I'll check.

Based on your WebPageTest results I don't think it will matter for that page. Awesome...

Another way to express the same filter-set (plus a few others) is to enable the Core filters, and then manually add the ones you've chosen that are not already in core: canonicalize_javascript_libraries, insert_dns_prefetch, defer_javascript, move_css_to_head, sprite_images,insert_image_dimensions.

This was actually how I was running. core filters plus what I had posted above.

You might also consider transcoding images to webp: convert_jpeg_to_webp.

I wondered about this but had reservation about how it would effect google image search and all of the pinterest and other links people have made in the past.

2. Is there or will there be a CSS deferring filter?

Yes!  Check out prioritize_critical_css and the blog post illustrating its benefits: http://googledevelopers.blogspot.com/2013/11/speeding-up-mobile-pages-with.html

Have this running now but nothing seems to be stopping that nagging css render blocking warning from google pagespeed insights.

3. Pagespeed module seems to be changin the names of or delivering my images with different names. is there a way to ensure the original file name is delivered?

Yes, you can preserve the image URLs:  https://developers.google.com/speed/pagespeed/module/config_filters#preserveurls.  This has to be used with In-Place Resource Optimization: https://developers.google.com/speed/pagespeed/module/system#ipro.

Note that you can't use sprite_images in this mode, nor will you get any image inlining.

I had read that sprite images was not in effect yet so I sprited my background images manually. I was not using the inlining... But I guess now I won't.

again... thanks for the help.

 

-Josh

Kristoff

[Joshua Marantz]

Editing responses to address only open issues

On Mon, Nov 11, 2013 at 4:55 AM, Kristoff Rand <kristo...@gmail.com> wrote:

-Actually I hadn't... I had read on a few other posts that some features were only working if they were manually enabled and I had read that doubling up wouldn't mess it up. I now have the pass through set and the core filters i wanted plus the one's we've discussed.

I'm confirming that doubling them won't mess anything up :)

You might also consider transcoding images to webp: convert_jpeg_to_webp.

I wondered about this but had reservation about how it would effect google image search and all of the pinterest and other links people have made in the past.

I am not aware of a conflict between google image search and webp transcoding..   See https://support.google.com/webmasters/answer/1061943?hl=en which lists the user-agents used for crawling, and none of those should trigger webp transcoding.

2. Is there or will there be a CSS deferring filter?

Yes!  Check out prioritize_critical_css and the blog post illustrating its benefits: http://googledevelopers.blogspot.com/2013/11/speeding-up-mobile-pages-with.html

Have this running now but nothing seems to be stopping that nagging css render blocking warning from google pagespeed insights.

I see that http://www.aboveallhouseplans.com/ is running mod_pagespeed 1.4 (stable).  prioritize_critical_css was introduced after that release.  If you can upgrade, please try our new 1.7 release.  If not -- perhaps you are using shared hosting -- we will be marking 1.6 as the stable release soon and we'll try to get the hosters to upgrade to that.

3. Pagespeed module seems to be changin the names of or delivering my images with different names. is there a way to ensure the original file name is delivered?

Yes, you can preserve the image URLs:  https://developers.google.com/speed/pagespeed/module/config_filters#preserveurls.  This has to be used with In-Place Resource Optimization: https://developers.google.com/speed/pagespeed/module/system#ipro.

Note that you can't use sprite_images in this mode, nor will you get any image inlining.

I had read that sprite images was not in effect yet so I sprited my background images manually. I was not using the inlining... But I guess now I won't.

Sprite images works in very limited situations.  Keeping your own sprites makes sense now that you've done them.

again... thanks for the help.

No problem!

-Josh

[Kristoff Rand]

You might also consider transcoding images to webp: convert_jpeg_to_webp.

I wondered about this but had reservation about how it would effect google image search and all of the pinterest and other links people have made in the past.

I am not aware of a conflict between google image search and webp transcoding..   See https://support.google.com/webmasters/answer/1061943?hl=en which lists the user-agents used for crawling, and none of those should trigger webp transcoding.

I wasn't worried that they couldn't find it, but that the current links to jpegs from pinterest or google image search would be lost or return broken.

2. Is there or will there be a CSS deferring filter?

Yes!  Check out prioritize_critical_css and the blog post illustrating its benefits: http://googledevelopers.blogspot.com/2013/11/speeding-up-mobile-pages-with.html

Have this running now but nothing seems to be stopping that nagging css render blocking warning from google pagespeed insights.

I see that http://www.aboveallhouseplans.com/ is running mod_pagespeed 1.4 (stable).  prioritize_critical_css was introduced after that release.  If you can upgrade, please try our new 1.7 release.  If not -- perhaps you are using shared hosting -- we will be marking 1.6 as the stable release soon and we'll try to get the hosters to upgrade to that.

I'm using Rackspace cloud server. And being a noob at this whole server admin thing I figured it would be best to stick to stable.

-Josh

Kris

[Joshua Marantz]

On Thu, Nov 14, 2013 at 2:38 AM, Kristoff Rand <kristo...@gmail.com> wrote:

I wondered about this but had reservation about how it would effect google image search and all of the pinterest and other links people have made in the past.

I am not aware of a conflict between google image search and webp transcoding..   See https://support.google.com/webmasters/answer/1061943?hl=en which lists the user-agents used for crawling, and none of those should trigger webp transcoding.

I wasn't worried that they couldn't find it, but that the current links to jpegs from pinterest or google image search would be lost or return broken.

The current links (URLS without ".pagespeed." encodings)  will still work. 

2. Is there or will there be a CSS deferring filter?

Yes!  Check out prioritize_critical_css and the blog post illustrating its benefits: http://googledevelopers.blogspot.com/2013/11/speeding-up-mobile-pages-with.html

Have this running now but nothing seems to be stopping that nagging css render blocking warning from google pagespeed insights.

I see that http://www.aboveallhouseplans.com/ is running mod_pagespeed 1.4 (stable).  prioritize_critical_css was introduced after that release.  If you can upgrade, please try our new 1.7 release.  If not -- perhaps you are using shared hosting -- we will be marking 1.6 as the stable release soon and we'll try to get the hosters to upgrade to that.

I'm using Rackspace cloud server. And being a noob at this whole server admin thing I figured it would be best to stick to stable.

1.6 is now the 'stable' release, and it supports prioritize_critical_css.  Please let us know how this works for you.

-Josh

[Kristoff Rand]

What is the update procedure for Apache? I'm having a hard time finding it.

[Matt Atterbury]

Updating Apache should be like updating mod_pagespeed (documented here:

https://developers.google.com/speed/pagespeed/module/download)

In short (and from memory):

sudo apt-get upgrade # for Debian/Ubuntu ... upgrades ALL packages

sudo yum update apache2 # for RH

(it might be httpd not apache2).

On Sun, Nov 17, 2013 at 12:47 AM, Kristoff Rand <kristo...@gmail.com> wrote:

What is the update procedure for Apache? I'm having a hard time finding it.

--
You received this message because you are subscribed to the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mod-pagespeed-di...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/d8bdc3c1-1205-4dc0-9847-8b1281aa60db%40googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

--
"Klaatu barada nikto"                          (754) 444-6288

[Kristoff Rand]

Yes, I meant updating Pagespeed on Apache. I'm on Cent0S

[Matt Atterbury]

CentOS == RH so 'sudo yum update httpd' (*) should work for you.

(*) A *quick* search shows that the package is called httpd (not apache2) on CentOS.

--
You received this message because you are subscribed to the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mod-pagespeed-di...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/c2f860c3-909c-468c-997b-e07c82ecee81%40googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

[Kristoff Rand]

ran the command and got no packages marked for update. how did you guys know what package I was running? perhaps rackspace hasn't updated their modules yet?

[Kristoff Rand]

Ok, I've updated my version to the current stable 1.6

These are my filters on passthrough

    ModPagespeedInheritVHostConfig on

    ModPagespeedRewriteLevel PassThrough

    ModPagespeedEnableFilters insert_dns_prefetch

    ModPagespeedEnableFilters add_head

    ModPagespeedEnableFilters convert_meta_tags

    ModPagespeedEnableFilters defer_javascript

#CSS Mods

    ModPagespeedEnableFilters prioritize_critical_css

    ModPagespeedEnableFilters rewrite_style_attributes

    ModPagespeedEnableFilters rewrite_css,sprite_images

    ModPagespeedEnableFilters move_css_to_head

    ModPagespeedEnableFilters fallback_rewrite_css_urls

    ModPagespeedEnableFilters flatten_css_imports

    ModPagespeedEnableFilters inline_import_to_link

    ModPagespeedEnableFilters inline_css

    ModPagespeedEnableFilters rewrite_style_attributes_with_url

#Java Mods

    ModPagespeedEnableFilters inline_javascript

    ModPagespeedEnableFilters canonicalize_javascript_libraries

    ModPagespeedEnableFilters rewrite_javascript

    ModPagespeedEnableFilters combine_javascript

#Image Mods

    ModPagespeedEnableFilters convert_jpeg_to_webp

    ModPagespeedImagePreserveURLs on

    ModPagespeedInPlaceResourceOptimization on

    ModPagespeedEnableFilters insert_image_dimensions

    ModPagespeedEnableFilters rewrite_images

#Cache

    ModPagespeedEnableFilters extend_cache

I'm now getting more 'exclamations on the pagespeed insight test, although my score has not dropped.
getting nice 87-94 scores on Mobile and 92-96 scores on Web, however I'm getting these warnings.

Your page has 1 blocking CSS resources. This causes a delay in rendering your page.

• Optimize CSS Delivery of the following:
  • http://www.aboveallhouseplans.com/templates/glass_gray/stylesheet.min.css
    

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 1.4KiB (4% reduction).
  • Minifying http://www.aboveallhouseplans.com/ext/mootools/mootools_more.js could save 755B (3% reduction) after compression.
  • Minifying http://www.aboveallhouseplans.com/ext/noobslide/noobslide.js could save 655B (41% reduction) after compression.

Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.

• Minify HTML for the following resources to reduce their size by 585B (7% reduction).
  • Minifying http://www.aboveallhouseplans.com/ could save 585B (7% reduction) after compression.

Any improvements or am I at my max for the cms I'm using?

[Joshua Marantz]

I am not seeing all those filters working on your site.  I checked the first CSS file, and it's Cache-Control: private:

% wget -q -O - --save-headers http://www.aboveallhouseplans.com/templates/glass_gray/stylesheet.min.css|grep Cache-Control

Cache-Control: private

PageSpeed cannot cache & optimize cc:private resources, which limits quite a bit what it can do.  Is there a specific reason those resources need to be private?

-Josh

--
You received this message because you are subscribed to the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mod-pagespeed-di...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/a394ce5f-4a4e-4fc2-b1c0-23b0df3b7c7e%40googlegroups.com.

[Kristoff Rand]

It seems it comes from the developer of the system I'm using. A setting with in a tutorial he made to speed up the system. I'll turn it to public.

[Kristoff Rand]

Ok that fixed the Minify Java.

Still have a render blocking on CSS and still have the minify html suggestion.

[Joshua Marantz]

Cache-Control:private is a problem not just for mod_pagespeed.  It will also prevent Content Delivery Networks and other proxy caches from serving requests for the resource closer to browsers than your origin server.

You would usually only use it for data that is sensitive or restricted in use to a particular user.

-Josh

On Sun, Nov 24, 2013 at 8:47 AM, Kristoff Rand <kristo...@gmail.com> wrote:

It seems it comes from the developer of the system I'm using. A setting with in a tutorial he made to speed up the system. I'll turn it to public.

--
You received this message because you are subscribed to the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mod-pagespeed-di...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/28afc273-a4de-4f75-af1b-2bc59e122d45%40googlegroups.com.

[Joshua Marantz]

Cool.

I just ran PSI and it did not give the warning on for render-blocking CSS.  prioritize_critical_css has to "learn" what the critical CSS elements are over a few refreshes, and it must do this separately for desktop vs mobile.  PSI caches its results for a while (30 seconds?) and that makes it a little confusing to see the benefits of that particular filter, but I think your system has now learned the critical CSS and PSI no longer complains about that.

The complaints about minify HTML can be addressed by enabling remove_comments and collapse_whitespace.  However that's a pretty minor savings (593 bytes). For "caching", there are a couple of third party (google ads) resources that MPS can't touch so you'll have to live with those.

But the site is looking great!

-Josh

On Sun, Nov 24, 2013 at 8:52 AM, Kristoff Rand <kristo...@gmail.com> wrote:

Ok that fixed the Minify Java.

Still have a render blocking on CSS and still have the minify html suggestion.

--

You received this message because you are subscribed to the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mod-pagespeed-di...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/27a51a96-1a5f-4c6d-bc2b-7328d431b7d7%40googlegroups.com.

[Kristoff Rand]

Thanks a lot Josh... I appreciate the help. This module is awesome. It's a great workaround for slow cms systems like I'm using.

[Kristoff Rand]

Just thought I would show off the with and without results for PageSpeed Module

Without PSI - 70/100 Mobile 87/100 Web
http://www.aboveallhouseplans.com/Without-PSI.JPG

With PSI - 96/100 Mobile 98/100 Web
http://www.aboveallhouseplans.com/With-PSI.JPG

You guys rock...