Search Results for 'optimize'

Once i have everything optimized for ssl i will pass along my adventures…

In meantime for those curious this has some good info…
http://serverfault.com/questions/570288/is-it-bad-to-redirect-http-to-https

Check the entire site for internal links and ensure they are all using HTTPS if you specific your own domain name in links, so you are not causing your own redirects.
Update your <meta property=”og:url” to using the https version of your domain.
If you use <base href= again update to use HTTPS.
Install SPDY protocol if possible
Make sure to use CSS Image sprites where possible, to reduce numbers of request.
Update your sitemaps to indicate https status, so spiders over time learn this change.
Change Search Engine preferences like Google Webmaster Tools to prefer HTTPS
Where possible off-load any stactic media to HTTPS CDN servers.

• This reply was modified 11 years by simchris.

Also, anecdotal, smushit doesn’t work with SSL/https, so the ewwoptimizer is better choice if you can compile the correct binaries on server. I have not yet tested this, but was told this the other day as part of our overall testing for moving everything to SSL/https starting October 1 (coming up quick).

anecdotal

so far have updated to 4.0 with no trouble
– 4 year old theme; worked fine, asked to update dbase
– 4 year old theme; worked fine; just completed
– 2 sites running custom Woo Canvas; updated fine; one plugin update
– 1 Newspaper 3.92. site; updated fine
– 1 Newspaper 4.2.2 site; updated fine

BE AWARE if you check the changelog for the Newspaper theme, the current version has been fully tested with WP 4 RC1 which was released in past couple of weeks (they were shooting for Sept 1 WP 4 release date, so hit it pretty close post holiday).

So, beyond third party plugins, should work fine.
No issues with latest YOAST SEO, wp-optimize, feedwordpress, addthis, XML sitemaps, our internal random advert module (for banners or text-based no follow ad boxes/responsive); etc.

So, not quite the pain and torment of 3.9 which was precursor to 4.0. You are generally pretty safe with this one…. but always do *BACK UP* prior to any major full number revision, of course.

Hope that helped on the paranoia 😉

My pleasure 🙂

You won’t be seeing much help (aka “free tech support”) from me for awhile again, due to the window of “working on one thing with lots of hurry up and wait” and now back to the “must concentrate 100%” stuff.

I will be popping in on any pagespeed stuff since I suffer that everyday in some form or another.

Nice reply Radu.

Indeed! Currently using EWWW to ensure themes folder is periodically optimized and it’s gotten rid of the PageSpeed notifications, but it would be great if the images came pre-optimized.

Optimize your site for everything ELSE first without cache plugin, then when you have all other items addressed, such as server settings for gzip/deflate, optimization of images, htaccess file settings (for Apache), etc., THEN go to the setup of caching.

I think the rewrite images from my code in the pagespeed topic thread does it as part of the bundle. Meaning mod_pagespeed uses “levels” of control settings, where the top level (they call “group filter”) setting includes the 10 features below that.

I use this on Apache:
ModPagespeedEnableFilters rewrite_images

See:
https://developers.google.com/speed/pagespeed/module/filter-image-optimize

Actually there is top level group filter command (which I’m using), sub level group command, and then base commands (my terms not theirs); so a sub level group command like
ModPagespeedEnableFilters recompress_images

includes a number of base filters.

QUOTE:
This filter attempts to recompress image data and strip unnecessary metadata such as thumbnails. This is also a group filter, and is equivalent to enabling: convert_gif_to_png, convert_jpeg_to_progressive, convert_jpeg_to_webp, jpeg_subsampling, recompress_jpeg, recompress_png, recompress_webp, strip_image_color_profile, and strip_image_meta_data.

Again, these filters may be enabled or disabled individually:
ModPagespeedEnableFilters convert_jpeg_to_progressive

• This reply was modified 11 years by simchris.

I had been trying to make the images progressive. I upload progressive images on my site but still it becomes non-progressive. Then I tried WPSmush.it, it could also not make them progressive and EWWW Image optimizer also didn’t do it.

Anthing else I can do?

@mixvice

looks like one main thing for mobile you need to fix is the images
1) set the default compression in your functions.php file per my recommendations in the pagespeed topic (specify 60, since default with WP is 90)
2) regenerate thumbs once you do that to reduce all in size from core starting image you uploaded; but make sure you have backups if needed
3) make sure you use a plugin like smush.it or similar, although changing your default compression might do most of that for you
4) make sure the images you’re uploading to begin with are optimized, per my recommendations in the pagespeed topic — for example for the featured post image you would want to shoot for less than 40kb for the big 745 image, vs 100,300,kb or whatever. Some of mine are under 25kb. Start with quality factor of 25 in Photoshop with 0.2 blur, and see how it looks. Anything with lots of red needs higher to avoid distortion.

Set images to progressive not optimized when saving to web from image application; don’t embed meta data unless you must have copyright info in there for legal reasons.

If you wrangle the many many suggestion image compression issues for your mobile score it will help your rating as mobile is all about speed of stuff loading on page; and if you have 10 photos all twice the size they could be, that is your issue right there for most things! 🙂

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

Hi Shashank,

First of all, the render blocking css warning was full of me using @import to separate CSS files on that product directory. As soon as I removed them and used a different method, it was completely gone.

The theme had some images that weren’t optimized. So, I downloaded and reduced the quality of them and then uploaded it to the server again. Also, I use WPSmush.It on the website.

As you suggested to download and use a minifier, i did it. I used both of this websites:
cssminifier.com and http://javascript-minifier.com/ – IT works great and I minified only files which were more than 3,000KB.

Its worth noting that the score drastically improved as soon as I downloaded the fonts from Google and uploaded them to my server and then added them to the Custom Font section. — I was surprised by the improvement. (Thanks Christopher for this tip!)

It isn’t possible to get 98 cause the thing is, almost all of us are using Google AdSense and it is slowing the website down. Try without AdSense and you should get 100/100 😉

Hope that helps. Also, did CloudFlare helped you gain a bit of speed?

Thanks!

You’re welcome and Congrats, I’m happy you did it 🙂
I have a few questions again.

How did you removed render blocking css warning?
How did you optimize images?
And obviouly, how did you minify things?

I want to take from 97 to 98 or 99 😛

Well, several things you can do
1) use only text ads from adsense, so images are not loaded (one big issue right there)
2) very aggressive caching and/or proper CDN
3) fast server (less than 300msec response time)
4) avoid stuff like photon or other stuff loading off wordpress
5) optimize your social media stuff; use share buttons not the numerical crap that needs to go “fetch” numbers for EACH button
6) load fonts from your own CSS not from Google CSS; or use web safe fonts ONLY
7) limit use of plugins which slow down your php
8) optimize your config.php file to include paths to your resources
9) do not use child theme which uses css redirect which google does *not* like
etc.

I’m sure Shashank could likely provide a single “round up” of all the stuff he’s done in the particular case of his own site. I just tested one of his pages, which as a desktop score of 93, mobile 86; which is pretty damn impressive with adsense and disqus running!
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.styzic.com%2Fgadgets%2Fiphone%2Fbigger-iphone-6l%2F491%2F&tab=desktop

• This reply was modified 11 years by simchris.

Please see the sticky topic top of the forum on optimizing your site for Google PageSpeed. Try using the GTMetrix site to test your speed, as GTMetrix will give you specific info on WHAT needs to be fixed at server level, image compression, slow loading, etc. in more detail.

For example for your server you need to
1) consider faster server account
2) turn on gzip/deflate on server (ask hosting provider)
3) set expiration headers, which can be done from htaccess file on Apache based servers
4) optimize your images, using something like smushit, and/or set compression level with your functions.php file and then regenerate all thumbs; make sure your images you upload are compressed as small as possible from photoshop or whatever you’re using (e.g., quality of 30 if you can, 52 for anything with reds; or try “medium” jpeg quality when save for web).

Those items above are good for about 30 points, and have nothing to do with the theme, but are necessary for ANY WordPress site.

• This reply was modified 11 years by simchris.

I think you’re not using total cache correctly.

I don’t minify anything with it. Turn minify off and use wp-html compression to minify html. It changes some url pattern and probable the warning with http://fonts.googleapis.com/…7CRoboto+Condensed%3A400%2C700&ver=3.9.2 will go.

After that just optimize the images, and done!

May i see your htaccess?

Hi,

I’m trying to improve the performance of my site (http://admitto.nl), which is now at 49% for mobile and 65% for desktop with Pagespeed). This is however the max I’ve been able to reach. Do you have any more tips or tricks?

Im using the Newspaper theme with the following plugins:

ClickDesk Live Chat
Contact Form 7
Google Analytics Dashboard
Hide Title
MailPoet Newsletters
Custom Anti-Spam
Recent Tweets Widget
Share buttons by AddtoAny
tagDiv Social Counter
tagDiv speed booster
W3 Total Cache
Wordpress SEO
WP-Optimize
WPBakery Visual Composer
WP Smush.it

I know these are a lot of plugins, but I don’t think they influence the performance that bad. Pagespeed is mainly complaining about compressing CSS/JS. Any ideas here?

Thanks in advance!

Well, typically jpeg is used for photos, png is used for logos, charts, illustrations, because it’s color reduced; so a compressed PNG might only have 256 colors, while a jpeg can have 16,000 when compressed (that is not exact, just an example). PNG is a modern version of GIF, not a replacement for JPEG 🙂

• This reply was modified 11 years by simchris.

@neotrope Many thanks Christopher, Would you recommend changing my format from PNG to JPEG?

Also. thanks for the ‘Compress PNG for WP’ plugin, will check that out 🙂

I recommend simply setting the quality level to “60” by adding directive to your functions.php file, then do regenerate images plugin. Bam! Some people like “smushit” also.

Anyway…. it may not work with png format, hadn’t tried that; but this does work for jpeg images really well.

add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );

I have not tried this:
http://wordpress.org/plugins/compress-png-for-wp/