Search Results for 'pagespeed'

@contatolab

Hi!
In my case I tend to put anything directed at server before WordPress stuff, like the mod_pagespeed stuff if required, or any funky stuff like force 301 redirect for non-https to https, or custom rewrites to fix old icky permalinks (like we had horrible stuff like /2005/16/03/enc235-name-of-story_123345.php !!!).

Then WordPress block

then the add handler types, as applicable, time to live, and in my case I don’t use XMLRPC and redirect that.

So:

[ custom stuff ]
[ wordpress stuff ]
[ add handler for new types like webp, or woff2 ]
[ time to live, expiration stuff ]
[ redirect xmlrpc ]

And I suppose if your server “requires” you to put in the deflate stuff, I personally would put that with the add handler stuff area.

Put another way, I put stuff that does rewrites before WordPress stuff, and everything else after. 🙂

🙂

Part 2, is “part 2” of my most recent modifications. Part one was Aug 17, 2016 🙂

“Part 2” only covers removing Google Fonts entirely from v3.1.

Have not gotten to part3 ; we have issue with trying to get latest version of mod_pagespeed running as it generates errors on any site with “missing images” — and from our recent server crash, that happens on several sites; so having to put in rewrite matches to a default image, which seems like a good practice anyway, so going to add that to my htaccess example which I will update soon. Pain.

I have dedicated server, advanced user, and I do my own hacks to minify CSS, de-enqueue elements not used (emojis, etc.); and move stuff to footer.

You can see my long winded thread in the docs > tutorials > DIY > best of forums

I am just an oddball case as I do some major changes to the header and footer to optimize the site so don’t need speedbooster to do that for me.

e.g., I load all the critical above the fold CSS in header and move main style to footer manually after de-enqeuuing it from header via functions/filter.

SpeedBooster is a helper, but not only way to do that; and there is no one click solution for solving “above the fold” content issues for pagespeed score for all sites.

Heya!
just to chime in …
if they/you are using mod_pagespeed (possibly not), don’t forget to add a webp type;

for advanced users with WOFF2 fonts, you would also add TTL for woff2

e.g.,

ExpiresByType image/webp "access plus 604800 seconds"
ExpiresByType application/font-woff2 "access plus 604800 seconds"

depending on server/CDN setup you might need (out side the time to live section)

AddType image/webp .webp 
AddType application/woff2 .woff2

(on many servers, fyi, you can also do: “1 month” if you prefer)

e.g.,

ExpiresByType application/font-woff "access plus 1 month"
ExpiresByType application/font-woff2 "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"

I have dedicated server, so as ever each setup type will vary depending on your use 🙂

(( FYI: what is WOFF2? Once you get obsessed with speed, you start getting to the “next level” stuff like so:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a ))

• This reply was modified 9 years by simchris.
• This reply was modified 9 years by simchris.

See the link to docs right side of page ? Go to “tutorials” > “pagespeed guide”

https://forum.tagdiv.com/how-to-make-the-site-faster/

Hello all,
Here is a simple way to score 100/100 PageSpeed With Newspaper WordPress Theme

https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/

Hey Amit,

Why don’t you let us know about those some modifications that you did with .htaccess to get 100% Pagespeed score?
You may write the codes here or use pastebin.com to do so.
Also, have you made any further changes in functions.php or any other core files? Are settings for CloudFlare and WP Super cache is still what is described under the linked articles on Tagdiv?

Be more specific and don’t hesitate to share your optimization techniques that actually worked.

This community is a great place to help each other 🙂

Thank you.

Some common issues are
a) lazy load animation turned on; turn it off
b) external optimization of images breaking file type (e.g., Photon, Smush-It)
c) server update; need to reset your caching
d) expiration of CDN based on bucket expiration; need to reset
e) browser cache corrupted; clear history in your web browser
f) WordPress transients issue;
— 1) resave permalinks (get in habit doing this after any plugin/theme updates!)
— 2) optimize db tables with wp-optimize plugins.
g) And probably should check first: conflicting plugin or ad banner from AdSense/etc. breaking images; use console view in web browser (F12) to check for page error breaking page load.
h) less common, but images being loaded via http, page loading via https; no redirect for http >> https and/or domain mis-match from CDN/cache.
i) mod_pagespeed rewriting images, but breaking on serving the files due to server or domain setup error.

Good luck!

(( I don’t work here … just the resident smarty-pants ! ))

Hey @neotrope, Thanks for the reply. I am done with the optimization on my website. Results are:

PageSpeed Score (100%)
YSlow Score (98%)
Page Load Time 1.9s
Total Page Size 491KB
Requests 34

• This reply was modified 9 years by Amit. Reason: Changed username from Chris S to neotrope

Hey Chris,

Thanks again 🙂

This time, it was really easy for me to comprehend whatever you said above.

I received a quick response from my hosting provider saying that they are looking at my suggestions and will see what can be done. But they also repeated that they are not going to change the configuration of the entire server based on individual requests.

Let’s see what happens. Right now I have actovated the Super cache + cloudflare and I am getting pagespeed score of 90+ I will wait for their reponse and then re-look at everything I learn here.

And yes, I am a regular visitor of WPBeginner, WPMU etc. In fact, recently I tweaked my login page without using any plugin based on a nice post on WPMU 🙂

Cheers,

Nano

Okay, I got it, but perhaps my previous comment was little confusing or my ability to comprehend your most recent answer is not good 🙂 So, let me try to make few of my queries simple.

1. I understood the use of caching but couldn’t understand the difference between server side caching and wordpress side caching.
2. Yes, currently I am not running any caching plugin just to check, test and increase the performance without the use of it but then is it possible to get 90+ Pagespeed score without WP Super cache and cloudflare etc ? ( Because I have seen that once I enable these two, my Pagespeed goes above 90 even now)
3. Based on my request ( because of not getting mobile theme run because of server side strong caching ) , my hosting provider has completely disabled all kind of server side caching for my site. Should I ask them to re-enable it?
4. I don’t know why my mobile theme was conflicting with server side caching. So, Is there any way in which I can be specific to instruct only following features under server caching so that I can be able to use mobile theme in future ( currently I disabled mobile theme and using default mobile responsive version of desktop theme?
5. Is it really necessary to use mobile theme because I can see that it kills various necessary features like smart lists on mobile theme ask users to reload page everytime they want to next list number which is very irritating on users poitn of view.

Please try to answer these questions after indulging few of cookies from this cute cookies jar 🙂

Thank you.

Thank you

Also note with mod_pagespeed, generally there needs to be a custom line added to the pagespeed.conf file pointing to your static folder, such as /site/wp-content/uploads/ or where your images are, to let mod_pagespeed load https static files via /server/path/ vs via http/https.

If your host isn’t running mod_pagespeed, that is non issue.

Based on your page source it does not appear mod_pagespeed is installed or running for your content.
REF:
https://developers.google.com/speed/pagespeed/module/configuration

Gzip/Deflate must be properly setup and enabled at the SERVER level; above the domains, above your website; not from htaccess, theme, or WordPress. Two different things. From my test it looks like it is partially setup, but some setting you have is not compressing javascript and css files, it would appear.

a) gzip/deflate must be ON and working; then the directives tell it what to do.

b) for mod_pagspeed — that won’t work unless your host is running mod_pagespeed — and if they don’t have gzip/deflate properly setup it’s highly doubtful that mod_pagespeed is running.

As noted in various places in my long long long thread; you need to go research what some of my things DO to see if they apply to your server setup, otherwise they won’t do anything.

So, again – YOU need to contact your HOST provider, and
a) have them properly setup gzip/deflate — as right now it’s not compressing ALL your content, only some if it, which is not normal.

Your page does show this:
Results

Parameter Value
Gzip/Deflated enabled ? YES - The url is serving compressed content.
Compressed Size 41.45 KB
Original Size 327.66 KB
Savings 87.35 %
Response header
Content-Encoding: gzip

But as it clearly shows on GTmetrix; and you should provide this to your host –as I stated — to get them to fix, along with the vary accept encoding:

Enable compression for the following resources to reduce their transfer size by 401.2KiB (80% reduction).

Compressing https://tomatoheart.com/wp-content/themes/Newspaper/js/tagdiv_theme.js could save 391.9KiB (80% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/ytsubscribe/ytSubscribe.js could save 4.0KiB (69% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/wp-facebook-login/public/js/facebook-login.js could save 2.3KiB (66% reduction).
Compressing https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js could save 382B (54% reduction).

That is what is hurting your site speed/rating.

So, that’s about all the help I can provide there

In our setup, we have the server setup to serve gzip/deflate and vary accept encoding without having to add the <IfModule mod_deflate.c> section you have in your file.

Sorry not a better answer 🙂

Hey nairolf2013,

You may be true about this but just 4 weeks before when I was using old theme , I usually had 94-95 PAGESPEED SCORE on my site, do check this screenshot here: https://snag.gy/fY1TJb.jpg

But yes, a fast server must be having an edge over slower one. 🙂 😉

Cheers,

Hey Chris,

Gracious !!!

Thank you for the detailed explanatory reply. As far this system status ( https://snag.gy/P2ApmR.jpg) to be believed , my host run on Apache server and hence the HTACCESS codes written by you under this thread should be valid.

As per recommendation, I started my HTACCESS file with :

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

and then I added following code after default rewrite codes of WordPress:

AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
 
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
 
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
 
<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
 
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>
 
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tomatoheart.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

The last code is to prevent hotlinking. Now as far I can read understand from your comment , the above written codes must have taken care of the required gzip/deflate settings through HTACCESS and should add up to 20 points to my score , but it didn’t happen 🙁

I still have these settings under htaccess and have also modified functions.php but the icrement in Pagespeed is only 2-4 points. On other side, I do feel my backend and homepage little faster while using after adding all these things. But there is no such impact on GTMAtrx score.

As you have mentioned :

Enable compression for the following resources to reduce their transfer size by 424.8KiB (79% reduction).

When I have already configured HTACCESS to compress it, why is it still showing there? AM I doing something wrong?

About Image optimisation thing, I use “Insanity plugin” to reduce file size while uploading the image and”optimus plugin” to compress it. the JPEG compression is set to 70 because I am worried to set it to 50 ( as recommended by you) because of the need of image quality. Since I am doing various changes, I will force regernerate and optimise images once I finalise all design aspect of my site.

Though I also tried checking GTMatrix points for my post page ( https://gtmetrix.com/reports/tomatoheart.com/vW3rCLXw ) , but it’s even worst than the homepage ( PAGESPEED SCORE: 53, YSLOW: 51)

about your second reply ( server side optimisation) , Being fron a non-programmer background, I will copy this comment and send it to my hosting provider to ask if they need to do anything.

Do you think there is something you can comment on my current situation.

Thank you.

• This reply was modified 9 years by Nano.

Thank you Bogdan for the reply. Yes I have already tried these optimisation tips on NewsPaper , but couldn’t notice any big jump in Pagespeed score or so.

Let’s wait for the Chris’s reply if he ever notice this thread.

Thanks again 🙂

This is an issue with all themes; where you need to tweak some stuff with custom CSS depending on how you happen to use the theme.

Also note there is difference between
A) mobile friendly
B) high pagespeed score for mobile devices

so, your site can have a medium score for pagespeed insights and still be “mobile ready” for Google.

Two totally different things.

For example testing one of your posts
https://www.cubacontacto.com/2016/08/25/los-problemas-economicos-de-venezuela-causan-escalofrios-en-cuba.html

says your site is “mobile friendly” according to the test:
https://www.google.com/webmasters/tools/mobile-friendly/

however, when you see the test render it looks like you have some funky broken registration panel dominating the page which is not normal.

So, it looks like something is not setup properly in your registration system you happen to be using.