Search Results for 'pagespeed'

My version of Newsmag works just fine up to 1980px wide ….

http://massachusettsnewswire.com …

what browser / platform are you using ?

I tried both IE11/Win64 and Chrome. No problem.

Do you have the same issue in testing my BETA site revamp above?

I moved from Woo Canvas to Newsmag and still tweaking the above (not yet fully optimized for pagespeed for example or all block elements, or the footer, footer logo, etc.). I cannot replicate the issue you are referring to. (I am running monitor at 1920×1200 – with dual Apple 23-inch IPS Cinema Displays on my main workstation here …)

• This reply was modified 11 years by simchris.

and this temple so slow, can you give a solution
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.baihocmoi.com

Hi,
I have no custom style!
I load the defualt configuration with css theme in the head section. (a 400kb css)
Google pagespeed tool says that page loading is blocked until the css is completly loaded and mark this a red problem.
If i put the css at the bottom of the page with tagdiv page booster plugin, the page render without css (no style, not only text) and remain ugly until css is loaded. When I say that page flicks, I mean it remain without css for 0,5 sec…
Can I fix it anyway or I have to maintain a smaller css in the header?

You can set an expiration time in your Amazon CDN; I used to use that. It’s in their help docs, but I abandoned that about this time last year since I found in our case with our own dedicated server and running mod_pagspeed, etc., it didn’t appreciably help us.

There is a setting in the master account, where you can set the TTL (time to live) for the “bucket” — I was setting mine to one year. It’s bee nawhile, unfortunately.

This may help
http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Expiration.html#ExpirationAddingHeadersInS3

I think at the time they didn’t have a setting for that; you could set how long the files live before the “expire” them– which I set to one year. I don’t remember how I set the expirations “per file.”

#EDIT#
oh stupid me (looking at my windows desktop this morning) … there is no easy way to do that. I bought software to actually do that properly (FYI: we got a brand spanking new web server Jan 2015, and I spent month of January testing every possibly way to boost pagespeed score, with the Newspaper theme and also our bootstrap based static HTML stuff used for our main business site — this included testing Amazon CDN for assets).

Go out right now and buy a copy of “Cloudberry S3 Explorer” software — this allows you to manage your buckets, set expiration headers, etc. — it’s like a shell application for your S3 account. It’s freeware, but if you are going to actually use S3 it’s the only way to fly — seriously.

The $39 pro version is totally worth it. I highly recommend it. Saved me hours of hair pulling (not my hair, just random passerby…. 😉
http://www.cloudberrylab.com/free-amazon-s3-explorer-cloudfront-IAM.aspx

HOW TO
http://www.cloudberrylab.com/blog/how-to-set-custom-http-headers-for-amazon-s3-objects-with-cloudberry-explorer/

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

Here’s mine, although this has some stuff for mod_pagespeed at top, and I also unset tag, and am trying to block pingbacks. 🙂

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

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END 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>

• This reply was modified 11 years by simchris.

https://developers.google.com/speed/pagespeed/insights/?url=www.movzio.com&tab=mobile

Yes! The compression level setting (from my helpful optimization guide) only impacts thumbnails created by WordPress via server imagemagick/GD libs. — it does NOT change the images you upload —

so if you upload image at 40k full size
normal thumb at smaller size, might be 10-14k
set compression higher, thumb might be 7k

No real visible difference — a thumb is just supposed to be an image “hint” to the full page/photo — not presentational anyway.

Kind of like in Photoshop, the diff. between the “10” setting and “7” setting makes the photo half the size, with no real noticeable difference (except with images that have a lot of “red” — ). Jpeg is a “lossy” compression method no matter what (hence why DVDs with low bitrates look like crap also!).

Some people prefer a setting of “60” … but I’ve found “50” works fine unless it’s a portfolio site or something. OR, images with a LOT of “red” which is the bane of jpeg compression.

Try it… set compression to “50” (or “60”) — anything better than default of “90”! Then regenerate thumbnails.

For your full size images you need to start with better compression — or, use something like smush.it (if you can get that to work), or something like mod_pagespeed which will optimize then cache for you.

Anyway, that’s been my experience.

Glad to help 🙂

One solution is to use a “lazy load” function, however this runs risk of some items not loading at all, if browser memory/cache times out.

What really sped up our use of such was using mod_pagespeed … this optimizes images including conversion to webp for Chrome, etc., caches with opcache if setup properly, etc.

And of course make sure the thumbs are highly compressed (like using the “50” setting in your functions.php vs default 90, etc.).

Better optimized images to start with helps also;
this image is 41kb and could be nearly half that, especially since B/W/greyscale:
http://dev.promicabana.de/wp-content/uploads/Justin-Bieber-21-Geburtstag-6-559x420.jpg

I’m sure you know all that … just chiming in as I tend to do. 🙂

And one I keep forgetting until I do a theme upgrade; this really should have been part of 1.6 core update, but TagDiv helped me with this back on 1.2 or 1.4, which is for the thumbnails used at bottom of posts for “related” items. If you run various pagespeed testing tools, you might get the annoying notice about “not resizing” those images, which are actually 200×150 last time I looked. BUT, the theme resizes them from the 238x thumb vs making new one, when you have the 3 column related items as I do.

SO: here is fix for that; you need to edit /includes/td_config.php

(NOTE: syntax changed from 1.4 to 1.6 with API syntax; so if using older version copy one of the preceding elements and add the additional size).

So, around line 797 in v 1.6 you would need to add this:

td_api_thumb::add('td_200x150',
array(
'name' => 'td_200x150',
'width' => 200,
'height' => 150,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Related articles'
)
)
);

And then in the theme panel for the thumbnails, “activate” the 200×150 size, and sadly YES, once again run “regenerate thumbnails” plugin (since there are no 200×150 thumbs).

So, now when you load the “related” images at bottom of your posts, they will be 200×150 “actual size” and not “resized” 238×00 images.

Not a hyper critical item, but for those trying to get that last dot of speed rating, this is one of the action items.

Hope these all help folks “dial it in.”

🙂

You will need to revisit all the optimizations done as many of the things in htaccess won’t work with NGINX as there are notable differences between Apache and NGINX setup. Similarly if running mod_pagespeed, setup has some differences.

You need to research optimizing WordPress for NGINX, on the web. Very commonly found subject. Theme itself needs nothing special for that.

That is actually a *bug* as Google now loads all Youtube videos with full URL as “https always on.”

Only the shortcode youtu.be redirect is loaded as http and that shouldn’t be used anyway as it’s a “redirect” which is bad for PageSpeed rating.

Just fixed it Lucian. Thanks though. The Thumbnail regeneration made all the difference. Pagespeed is now 98% on GTmetix and 84 on Google PageSpeed Insights.

http://urbanmusichq.co/

I use the tagdiv booster and WP Super Cache (use to use W3 but too many useless options haha)

I test 97/90 or so on my gtmetrix and pagespeed I am pretty sure.

Also use Chris’s optimizations.

• This reply was modified 11 years by DavisBeatz.

Will vary by how your site is setup.
Why not try them to see which works best for you.

The tag div booster is designed to move various things … Including custom theme stuff … To best place for speed. So one click to see if it helps or not. One click to disable.

We use it along with mod pagespeed.

• This reply was modified 11 years by simchris.