Pagespeed Mod installed, what next?

[Jefak]

HTTP/1.1 200 OK Date: Tue, 22 Jun 2021 12:33:33 GMT Server: Apache Vary: User-Agent,Accept-Encoding Accept-Ranges: bytes X-Mod-Pagespeed: 1.13.35.2-0 Cache-Control: max-age=0, no-cache, no-store, must-revalidate Pragma: no-cache Content-Length: 86085 Content-Type: text/html; charset=UTF-8

What do i do next? Because it does not seem to be working.

[Longinos]

Maybe because you have:

cache-control: max-age=0, no-cache, no-store, must-revalidate

Pagespeed module NEED the resources public cacheable to work, so:

cache-control: max-age=86400 (1 day) in all resources is needed before you install pagespeed module.

The optimized resources (those that have .pagespeed. in their rewrite url) still in pagespeed cache the time you put as max-age.

Anyway... can you share a url to test?

[Jefak]

Test url is mpmania.com

Note: we have an optimization plug-in currently installed and active, WP fastest cache

--
You received this message because you are subscribed to a topic in the Google Groups "mod-pagespeed-discuss" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/mod-pagespeed-discuss/xWMXiTS2hkw/unsubscribe.
To unsubscribe from this group and all its topics, 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/3e779905-c67c-4409-9084-fab011c51db1n%40googlegroups.com.

[Longinos]

In principle, WP fastest cache don´t matter.

I have a look on the original http headers, as if pagespeed is disabled.
https://mpmania.com don´t have any cahce-control header and it must be set, some like cache-control: max-age=3600 (2 h.)

The subresources (js, css and image files) have a cache-control: s-max-age=10 that must be converted to cache-control: max-age=86400 (1 day)

Header set Cache-Control "max-age=3600, public"

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Cache-Control "max-age=86400, public" </FilesMatch>

You use a cdn, so some subresources are coming from https://e6q6j4m4.stackpathcdn.com/, these come from the same server than the original   https://mpmania.com ?

If yes, you need to include in your conf file some like:

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

Make these changes and see what happen.

[Jefak]

Done, kindly check again....

I appreciate your time

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/1a83603a-a0de-4e42-96a3-ce9695b77305n%40googlegroups.com.

--

Jeffrey Akonedo 

The MPmania Media

+2347034409820

[Longinos]

Maybe you need to clear any cache you have.

Still seeing the same headers.

No conten-cache header in the main request  https://mpmania.com

[Jefak]

Hi, kindly check again. 

Thanks. 

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/9b1f6ad0-5823-49fe-af7c-be93a9fe266bn%40googlegroups.com.

[Longinos]

Hi

Still the same. In the main request no cache-control header is set (see image captura.jpg)

In this image you can see a url parameter (?PageSpeed=unplugged), this one is for make the request disabling pagespeed module, so the original http headers are showed.

In captura1.jpg image you can see debug text embed in the html code. These debug messages are embed using ?PageSpeedFilters=+debug as url parameter

The  <!--The preceding resource was not rewritten because its domain (e6q6j4m4.stackpathcdn.com) is not authorized--> message is due the lack of

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

in the config file.

[Longinos]

Sorry, I forgot the images....

[Jefak]

Kindly check,

Plus, these edits are they on the pagespeed mod or at htaccess end?

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/1573989d-72be-4b48-80b9-2823cdc83db8n%40googlegroups.com.

[Longinos]

What do you mean with pagespeed mod?

These directives can be set in various config files.

1.- In the apache main config: in a server section o a virtual server section, even in a directory section

2.- In a .httacces file

3.- in a independent file that can be included in others config file.

The most common is in apache.conf (the main config file) where you can see some like:

<VirtualHost your_ip:443>

ServerName mpmania.com

DocumentRoot "/www/domain-80" </VirtualHost>

<IfModule pagespeed_module>

ModPagespeed on

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

ModPagespeedDisableFilters inline_css,inline_javascript

ModPagespeedEnableFilters move_css_to_head

ModPagespeedEnableFilters rewrite_css,rewrite_javascript

ModPagespeedEnableFilters outline_css,outline_javascript

</IfModule>

 # But anyway, you need to find where in yours config file is set ModPagespeed on this activates pagespeed module.

# To set the cache-control headers you can use the same main config file, under the virtual server section for your domain and is some like

Header set Cache-Control "max-age=3600, public"

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">

Header set Cache-Control "max-age=86400, public"

</FilesMatch>

</VirtualHost>

The last directives can be set in the .htaccess file in the root directory for the domain.

[Longinos]

But now I can see you have changed to nginx server.

The directives changes and config files too.

[Jefak]

So we returned to Apacha, nginx started due to an apache failure

Kindly check again, I think it works now.

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/833a875c-0064-4ece-844f-c926a421d0c8n%40googlegroups.com.

[Longinos]

PageSpeed is not enabled.

No Pagespeed headers in the main request

[Jefak]

I am complete confused, because i have these settings done, and I'm almost certain it is done right, I don't have any clue why it is not turning up...

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/3973a3b0-a96c-48c7-8f65-886a9d3390d1n%40googlegroups.com.

[Jefak]

From my server end  - 

[Fri Jun 25 09:58:42.233629 2021] [pagespeed:error] [pid 16575] [mod_pagespeed 1.13.35.2-0 @16575] PageSpeed Serf fetch failure rate extremely high; only 0 of 124 recent fetches fully successful; is fetching working?

[Jefak]

I was able to turn on HTTPS and it stopped, at least for now...

But, how else do i turn on pagespeed mod for it to show on our headers?

[Longinos]

In the main config file (http.conf) from apache maybe uou have some like

<VirtualHost your_ip:80># Normal http port

.

#Here some apache directive to redirect with 301 to ssl virtualhost

.

</VirtualHost>

<VirtualHost your_ip:443> # ssl standard port

#here mus be set all pagespeed directives and cache-control stuff

</VirtualHost>

[Jefak]

Like this???

<VirtualHost your_ip:80># Normal http port

.

ServerName mpmania.com
Redirect permanent / https://mpmania.com/

.

</VirtualHost>

<VirtualHost your_ip:443>

ServerName mpmania.com

DocumentRoot "/www/domain-80" 

SSLEngine On

</VirtualHost>

<IfModule pagespeed_module>

ModPagespeed on

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

ModPagespeedDisableFilters inline_css,inline_javascript

ModPagespeedEnableFilters move_css_to_head

ModPagespeedEnableFilters rewrite_css,rewrite_javascript

ModPagespeedEnableFilters outline_css,outline_javascript

</IfModule>

Header set Cache-Control "max-age=3600, public"

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">

Header set Cache-Control "max-age=86400, public"

</FilesMatch>

[Longinos]

No

The IfModule, Header set and FilesMatch must be in VirtualHost.

So move the </VirtualHost> after the SSLEngine On at the end, after </FilesMatch>

[Jefak]

<VirtualHost IP:80>

ServerName mpmania.com
Redirect permanent / https://mpmania.com/

</VirtualHost>


<VirtualHost IP:443>
ServerName mpmania.com
DocumentRoot "/root"

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedDomain  http*://*.mpmania.com
ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/
ModPagespeedDisableFilters inline_css,inline_javascript
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters rewrite_css,rewrite_javascript
ModPagespeedEnableFilters outline_css,outline_javascript

</IfModule>

</VirtualHost>

This is what I added yesterday, is it correct? I still do not see the pagespeed header though

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/e86f72c9-706c-46f5-8efc-88b3cf5af2cfn%40googlegroups.com.

[Jefak]

Hi, please is there anyway i need to configure pagespeed.conf? Is there anything I need to add apart from these below:

ModPagespeed on
ModPagespeedDisableRewriteOnNoTransform off
ModPagespeedFetchHttps enable
ModPagespeedFileCachePath "/var/cache/pagespeed/"
ModPagespeedFileCacheSizeKb 102400
ModPagespeedFileCacheCleanIntervalMs 3600000
ModPagespeedFileCacheInodeLimit 500000


ModPagespeedEnableFilters prioritize_critical_css
#ModPagespeedEnableFilters defer_javascript
ModPagespeedEnableFilters combine_javascript
ModPagespeedEnableFilters sprite_images
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters recompress_png
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
#ModPagespeedRewriteLevel OptimizeForBandwidth
ModPagespeedRewriteLevel CoreFilters
ModPagespeedInPlaceResourceOptimization off

[Nigel Aves]

You have had so many issues with this that personally I would go back to the start.

Make sure that the pagespeed.conf file is the default / unedited version as originally supplied. Do not edit anything but do change these settings: 

ModPagespeed on

ModPagespeedFileCachePath "/var/cache/pagespeed/"

ModPagespeedLogDir "/var/log/pagespeed"

From the documentation:  "Acting as an HTTPS client, PageSpeed must be configured to point to a directory identifying trusted Certificate Authorities (not SSL keys for your domain). These settings will be automatically applied to configuration files for new binary installations on Debian, Ubuntu, and CentOS systems. Upgrades, source-installs, and other distributions may require manual configuration updates to identify the proper location."

I use Ubuntu so this is what the setting in my config looks like ..

  ModPagespeedSslCertDirectory "/etc/ssl/certs"

Remove (comment out ) everything from <IfModule pagespeed_module> to <\IfModule>

This should now be working but not optimized  for your site, that comes after pagespeed is shown to be working.

If you are still getting issues with pagespeed not showing up in the html, then you need to look at the error logs to see if you spot something there. But it is important that the supplied configuration works with your site. 

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/CALMFZJobnWB6jpF4ptXtsMa2gJv%3D_eBi4WJU%3DrXXBr3v4Htk1w%40mail.gmail.com.

[Longinos]

But pagespeed.conf must be included in the http.conf, or apache need a way to load it in a VirtualHost or a like section, I think.

[Jefak]

Done all that, not working

LoadModule pagespeed_module /usr/local/apps/apache2/modules/mod_pagespeed_ap24.so

is there any other inclusion apart from the above?

[Jefak]

Now shows in header after i added

ModPagespeed On

ModPagespeedInheritVHostConfig on

ModPagespeedFileCachePath "/var/cache/mod_pagespeed/"

ModPagespeedEnableFilters combine_css,combine_javascript

# Direct Apache to send all HTML output to the mod_pagespeed

# output handler.

AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER text/html

to Apache Conf and 

ModPagespeedInPlaceResourceOptimization on

to Pagespeed conf

moving forward, please how do I optimize based on my google pagespeed insight requirements?

I really appreciate this time

[Jefak]

 I am already getting hold, but one huge issue now is -  Largest Contentful Paint has reduced but  Cumulative Layout Shift has increased drastically

[Longinos]

Now you have https://e6q6j4m4.stackpathcdn.com/  not authorized.

Add

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

To pagespeed.conf

And have

CssCombine: Due to CSS URL preservation being on.

So you need to read https://www.modpagespeed.com/doc/config_filters#preserveurls

to see what this implies.

I´ve run Ligthouse in your page, and yes, there are bad numbers due javascript and adds.

If you put adds at the very start of the page, you put some thing you can´t control in the start of visible window

[Jefak]

Hi, i have added the pagespeeddomain lines, but I have zero clue about te preservation, even after reading it severally.

[Longinos]

Wel... we are in progess... about preservation, maybe is a wrong message or derived from the non autorized... now there are not these messages.

The "Non authorized" messages was changed to " <!--4xx status code, preventing rewriting of https://e6q6j4m4.stackpathcdn.com/wp-includes/css/dist/block-library/style.min.css-->"

This new error message is due the pagespeed module fecht resources in http not https, so ssl config is need. Some like:

ModPagespeedFetchHttps enable

# Certificate Authorities directory, not your domain SSL keys

ModPagespeedSslCertDirectory directory

# Web Server's HTTPS client SSL key, not your domain SSL keys

ModPagespeedSslCertFile file

These directives in the same file you put ModPagespeedDomain

Your server may belong to 2 "Branchs", Redhat like or Ubuntu/Devian like

For Redhat like (Centos f.e.)

Directory is /etc/pki/tls/certs

File /etc/pki/tls/cert.pem

For Ubuntu like:

Directory is /etc/ssl/certs

No file is needed.

You can read about this here https://www.modpagespeed.com/doc/https_support

There are other ways to configure ssl, but for now direct fecht is a good start.

[Jefak]

Done that...

[Longinos]

Hi

Now pagespeed is working....

But some not.

For example I can see most of the images are in style attributes.

Those images need a filter to get optimized by pagespeed

ModPagespeedEnableFilters  rewrite_style_attributes_with_url

ModPagespeedEnableFilters  rewrite_style_attribute

ModPagespeedEnableFilters  fallback_rewrite_css_urls

All those filter are enable by default when you chose

ModPagespeedRewriteLevel   CoreFilters

But you have set

RewriteLevel (l) Optimize For Bandwidth

" The OptimizeForBandwidth setting provides a stronger guarantee of safety and is suitable as a default setting for use with sites that are not aware of PageSpeed."

So most of the filters are working, but to full working.

But again, pagespeed is working, and you can start to play with filters to get the set of it that work better for you.

[Jefak]

adding ModPagespeedEnableFilters  rewrite_style_attribute breaks the site,

i commented  it out though

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/c54086d8-c015-4e4d-a9c8-5846163a2f88n%40googlegroups.com.

[Longinos]

In some images i´m getting this message <!--Image https://e6q6j4m4.stackpathcdn.com/wp-content/uploads/2021/06/Jumabee-Kogi-357x210.jpg does not appear to need resizing.-->

Whe a image can´t improve when resized or converted to other format (jpg -> webp) pagespeed don´t touch the imagen.

In js files this messages <!--This script contains introspective JavaScript and is unsafe to replace.-->

and in css files <!--CSS rewrite failed: Cannot improve https://e6q6j4m4.stackpathcdn.com/wp-content/themes/publisher/includes/libs/better-framework/assets/css/slick.min.css-->

But seem strange, I cant see "normal" headers set by pagespeed, like the X-Mod-pagespped or the cache-control, even in the main request, when pagespeed work fine, the cache-control header is changed by pagespeed to cache-control:max-age=0, no-cache....

Oh! I can see, you cdn is a cache too.... can you disable this cache?

https://support.stackpath.com/hc/en-us/articles/360001212783-CDN-Caching-Deep-Dive

[Jefak]

Hi, I have added edge rules to prevent caching

[Longinos]

Can´t see any change.... Maybe clean the cdn cache is needed?

[Shoaib Javed]

Hello Sir,

My expertise lies primarily in link building, fully managed SEO services, and digital marketing. Myself and my staff can outreach many sites per day. I have access to thousands of publications in more than 30 industries that have been outreached over the years. Contact me for a full list of sites many have high domain authority and good metrics.

All articles are published on really great publications and all content is written by my team of reliable UAE based writers. Articles will be professionally written, 100% unique, and relevant to the placement sites.
My link building methods are fueled by research and tactics that are tried and tested. This service is designed to meet your organic growth needs.
Guest posting can be a very time consuming and difficult process. Save yourself and your organization time, frustration, and money but outsourcing your link building needs to me.
All services available to digital marketing agencies and small to medium sized businesses looking to build out and improve their link profile.

Let's talk about your project! 

I have a lot of High Quality websites at a cheap price.
Do you need paid guest post and Back-links services on my High Quality websites?     

I am waiting for your positive response.

Thanks   

[Jefak]

I used edge rules -  IF URL Matches *://e6q6j4m4.stackpathcdn.com/wp-content/* THEN Do Not Cache

and  IF URL Matches *://mpmania.com/wp-content/* THEN Do Not Cache

cleared cache now... any difference?

[Longinos]

No, none...

Seem a strange issue, like subresources are not optimized by pagespeed.

I see debug messages (when add /?PageSpeedFilters=+debug to the request) that say things about the resources (some, not all).

Like

<!--CSS rewrite failed: Cannot improve https://e6q6j4m4.stackpathcdn.com/wp-content/themes/publisher/includes/libs/better-framework/assets/css/slick.min.css-->

<!--Image https://e6q6j4m4.stackpathcdn.com/wp-content/uploads/2021/06/Jumabee-Kogi-357x210.jpg does not appear to need resizing.-->

But not all css,js,jpg files have debug messages.

Pagespeed modify the headers of a optimized subresource:

etag header is changed to W/"0" or PSAxxxxx

cache-control is changed to cache-control:max-age=31536000 in resources and cache-control: max-age=0, no-cache in the main request (the html)

images changes from jpg to webp

and so on, but none of this appears to occurs here.

Can you post the http.conf, pagespeed.conf and .htacces in the github issue you opened?

Maybe the are some rewrite rules that make pagespeed don´t work well.

[Jefak]

here is my **pagespeed.conf**

ModPagespeed on

ModPagespeedFileCachePath "/var/cache/pagespeed/"

ModPagespeedLogDir "/var/log/pagespeed"

ModPagespeedFileCacheSizeKb 102400

ModPagespeedFileCacheCleanIntervalMs 3600000

ModPagespeedFileCacheInodeLimit 500000

ModPagespeedInPlaceResourceOptimization on

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

ModPagespeedDomain   http*://i0.wp.com/

ModPagespeedDomain http://mpmania.com/wp-content/themes/publisher/style-7.10.0.min.css

ModPagespeedDomain http://mpmania.com/wp-content/themes/publisher-child/style.css

ModPagespeedFetchHttps enable

# Certificate Authorities directory, not your domain SSL keys

ModPagespeedSslCertDirectory /etc/pki/tls/certs

# Web Server's HTTPS client SSL key, not your domain SSL keys

ModPagespeedSslCertFile /etc/pki/tls/cert.pem

**for httpd.conf**

ModPagespeed On

ModPagespeedInheritVHostConfig on

ModPagespeedFileCachePath "/var/cache/mod_pagespeed/"

ModPagespeedRewriteLevel PassThrough

ModPagespeedEnableFilters combine_heads

ModPagespeedEnableFilters flatten_css_imports

# Direct Apache to send all HTML output to the mod_pagespeed

# output handler.

AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER text/html

#ModPagespeedEnableFilters convert_jpeg_to_webp

ModPagespeedEnableFilters collapse_whitespace,remove_comments

ModPagespeedEnableFilters extend_cache

ModPagespeedMaxCacheableContentLength 66777216

ModPagespeedModifyCachingHeaders off

ModPagespeedForceCaching on

ModPagespeedRewriteLevel OptimizeForBandwidth

ModPagespeedEnableFilters  rewrite_style_attributes_with_url

#ModPagespeedEnableFilters  rewrite_style_attribute (had to comment it cos it was breaking the site)

ModPagespeedEnableFilters  fallback_rewrite_css_urls

ModPagespeedEnableFilters insert_ga

ModPagespeedAnalyticsID UA-4XXXXXXX-1

ModPagespeedUseAnalyticsJs false

Header set Cache-Control "max-age=2592000, public"

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">

Header set Cache-Control "max-age=86400, public"

</FilesMatch>

[Longinos]

Pagespeed.conf

These are rigth

ModPagespeedDomain  http*://*.mpmania.com

ModPagespeedDomain   http*://e6q6j4m4.stackpathcdn.com/

These not.

ModPagespeedDomain   http*://i0.wp.com/ #Pagespeed is running in this domain?

ModPagespeedDomain http://mpmania.com/wp-content/themes/publisher/style-7.10.0.min.css # these are covered by the 1st.

ModPagespeedDomain http://mpmania.com/wp-content/themes/publisher-child/style.css

httpd.conf

I sup. that all this directives are in a VirtualHost block

ModPagespeedInheritVHostConfig on# this must be set OUT of any VirtualHost block

ModPagespeedFileCachePath "/var/cache/mod_pagespeed/" # Not the same configuration in the pagespeed.conf

ModPagespeedRewriteLevel PassThrough  #This and the next are conflicting. At a start try to use ModPagespeedRewriteLeve  CoreFilters

ModPagespeedRewriteLevel OptimizeForBandwidth

ModPagespeedModifyCachingHeaders off # That why headers are not changed when optimized

Well... As you can see these lines you have posted (I bet are not the whole files) don´t show any pagespeed filter related to images.

But your site have pagespeed image filters enabled, as you can see in the attached image

Are enabled in the .htacces?

P.D. Maybe This the last email in some days. Me and family come out to a place w/o internet nor mobile coverture

[Jefak]

Implemented everything above except for the last part about the images...

Thanks, I appreciate your support, enjoy your time together.

[Longinos]

Better...

Now css, some jpg and some js files that belong to your domains are optimized, like

https://e6q6j4m4.stackpathcdn.com/wp-includes/js/jquery/jquery.min.js.pagespeed.jm.buo63cp1wa.js

https://e6q6j4m4.stackpathcdn.com/wp-includes/css/dist/block-library/A.style.min.css.pagespeed.cf.XRz6SezAMZ.css

https://e6q6j4m4.stackpathcdn.com/wp-content/uploads/2021/06/xmp-graph.jpg.pagespeed.ic._6Key22MQp.webp

Note the "paespeed" in their url´s

Some js files, like js_composer.min.js are not rewrited cause are "introspective" aka some js code spect the name of the file, so this must not be changed

And you mus spect that files from others domains are untouched, only domains you control can be changed, otherwise a 404 is returned. Why? these other domains don´t run pagespeed so a changed url can´t be found.

Now you can work in the issues PageSpeed Insights... mostly related to 3rt party you don´t have control, but others you can work on it.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fmpmania.com%2F

And take a look on this:

<div class="featured clearfix">

<a alt="Mist Rollin&#039;" title="Mist &#8211; &#8220;Rollin&#039;&#8221; (ft. Burna Boy) [Audio, Lyrics, Video]" style="background-image:url(//e6q6j4m4.stackpathcdn.com/wp-content/uploads/2021/07/xMist-Rollin-357x210.jpg.pagespeed.ic.oEGU4PXLYO.webp)" data-bsrjs="https://mpmania.com/wp-content/uploads/2021/07/Mist-Rollin-750x430.jpg" class="img-holder" href="https://mpmania.com/download-mp3/mist-rollin/"></a><!--The image was not inlined because it has too many bytes.--><!--Image https://e6q6j4m4.stackpathcdn.com/wp-content/uploads/2021/07/Mist-Rollin-357x210.jpg does not appear to need resizing.-->

</div>

In this html code you can view that some images url´s are rewrited and some not.

Pagespeed only discover images in img, src, srcset, data-src, data-srcset or in the css background-image:url.

This image is loaded unoptimized and you can see a "strange" label data-bsrjs="https://mpmania.com/wp-content/uploads/2021/07/Mist-Rollin-750x430.jpg"

So this make me thing the image is loaded by some javascript snipet and load the image in the data-bsrjs label not the image in the ackground-image:url  css.

How we can try to change this?

ModPagespeedUrlValuedAttribute a data-bsrjs image

This filter treats any html code combination of <a....data-bsrjs.....> like a image, thus the url can be rewrited.

[Jefak]

Added...

[Jefak]

I’ve added that, but the pagespeed score is not improving, we are still losing visitors and our homepage on google search is showing something else...

Does everything get better with time?

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/5df46795-2c3d-497d-be14-dbfaa5d6d3b3n%40googlegroups.com.

[Longinos]

Your web site have others problems other than optimizing your own resources.

You use many third party resources, and have too much javascript to load and execute.

Have ads not in the better place, these ads had not all the same size and make the content to be displaced when the ads displays.

For example to load images your site need to load javascript file (and remember, js files are deferred, so load at the end of the page), parse, execute and the load the images. Why don´t change this with static images?

You page is a bit heavy (3,8Mb) even with pagespeed optimizations.

Delay the load of images out of the viewport (lazyload), but this is not easy to be made with css background images

.....

But for now pagespeed is working and doing their work.... all other decisions are in your hands.

[Jefak]

Do you suggest any wordpress template that works well for a music magazine blog?

[Longinos]

I don´t know if for that purpose is ok, but a good template is GeneratePress, is ligth and faster.

The template himself is for free, and have a payd plugin to exten the functionalities.

Some other plugins from people of the template are for free to like GenerateBlocks and Ligth-weight-social-icons.

Take a look here

https://generatepress.com/site-library/#site-library

I don´t know if these themes are for free or become part of the premium, but you can see what can be do and how ligth it is.

[Jefak]

I tried it, felt like a ripoff, did the premium straight up, but the main resources were another premium,

the plugin was paid, and other plugins to complete the plugin too are paid... the premium template is more or less wordpress' twenty twenty theme

[Jefak]

Thanks alot, spoken to my theme's dev, expecting a new update....

Thanks, really appreciate your time.

[Jefak]

Hi, i've been having this issue, tried resolving it, not still working

Rewrite https://domain.com/wp-content/cache/wpfc-minified/mk2oy30l/v1y4.css failed while fetching https://domain.com/wp-content/cache/wpfc-minified/mk2oy30l/v1y4.css.pagespeed.ce.cVfJbgAycQ.css

To view this discussion on the web visit https://groups.google.com/d/msgid/mod-pagespeed-discuss/8952d45e-f29b-49a7-a73d-95bf6fddf53en%40googlegroups.com.

[Longinos]

Maybe the cdn domain is not authorized so pagespeed can´t rewrite it.

[Jefak]

Hi, thanks for your assistance, i have been away a little...

How do we authorize cdn domain?

[Jefak]

Hi, kindly help check the site again, i think i've been able to get mod to work, but CSS and Js are not combining, they are only minifying and I have corefilter on

[Longinos]

Hi

Sounds like you have activated 2 antagonic directives:

Combine Css vs  Inline Css

Combine Javascript vs  Inline Javascript

And pagespeed tryes to inline it and not to combine, But the inline fails because the size of inlined css/js is bigger than the max size for it (2048Kb).

Try to disable the inline filters:

ModPagespeedDisableFilters inline_cs, inline_js

But I think the main reason for combine filter not working id they have ID labels, so you need to set

ModPagespeedPermitIdsForCssCombining *-css

https://www.modpagespeed.com/doc/filter-css-combine#permit-ids-for-css-combining

For js files, you have it combined, like

https://e6q6j4m4.stackpathcdn.com/wp-content/themes,_publisher,_includes,_libs,_bs-theme-core,_listing-pagin,_assets,_js,_bs-ajax-pagination.min.js+themes,_publisher,_includes,_libs,_better-framework,_assets,_js,_slick.min.js+plugins,_jetpack,_vendor,_automattic,_jetpack-lazy-images,_dist,_intersection-observer.js.pagespeed.jc.Cx25wnokKF.js

[Jefak]

Hi - 

I have made some trweaking over the last couple of days, can you assist in checking again?

I really appreciate your time.

Thank You.

[Longinos]

As far as I can see it ok.

Images are loaded by javascript, unless logo.jpg, so not are rewrited.

css files are rewrited and combined, unless those from others domains rather than yours.

javascript files are rewited, unles those that are introspective or from others domain, and are combined too..

But.... the main request (the html pge himself) has a cache-control: max-age= 2592000, public. This headers is not from pagespeed, you have opted to no rewrite cache headers...

and there have implicacions:

This number (2592000) are seconds aka 30 days. So is stored in the user browser cache for 30 days aka many users can´t update the page in this time.

You can´t change your main page in 30 days?

Pagespeed normal bahaviuor is to not cache the html code. Why? Maybe the rewrited,combined resources are not abailable in some time for whatever reason and the rewrited url

in the html code returns 404 errors.

Rewrited resources (like combined ones) have a hash (these weird chain after .pagespeed.xx.hash) in their url, so if the resource changes, the new one had other distinct url, so can be stored in the cache for 1 year (as the default for rewrited resources).

But now you have pagespeed working in your site. Maybe only add the filter for convert jpg images in webp format, these format have same image qualty but less kb.

ModPagespeedEnableFilters convert_jpeg_to_webp

[Jefak]

thanks, i have added that and removed the tag that disabled caching headers