Search Results for 'optimize'

@manuel
yes… just google it 😉

https://developers.google.com/speed/pagespeed/module/filter-lazyload-images

Objective

Optimize browser rendering and reduce number of HTTP round-trips by deferring the loading of images which are not in the client’s viewport. This filter implements the PageSpeed rules for optimizing browser rendering and minimizing round trip times.

The lazyload_images filter defers loading of images until they become visible in the client’s viewport or the page’s onload event fires. This avoids blocking the download of other critical resources necessary for rendering the above the fold section of the page.

**
where we ran into trouble was the “onscroll” feature, which hides things until you scroll down, which would seem to make sense, but with the earlier version of Newspaper, we’d basically scroll down and the images would be too lazy and not load at all !

Now, both the theme and mod_pagespeed have been updated since last time I tried this, so it’s on my to do list to revisit 🙂 I would have gotten back to this, but was really sick for 3 months, and only now getting back to ‘normal” and waaay catching up on stuff. 🙂

Thx @ChristopherSimmons, all images are already size optimized. Problem is first page load since we have a lot of new visitors.

Has mod_pagespeed an own option for lacy loading images?

Jetpack’s Photon is resizing images on the fly. Are you using Photon? Becasue I’m using and I have same thing and this is not a problem for me. My page speed is enough for me. GTMetrix and Google Insights says same things: Optimize images.

• This reply was modified 12 years by rea-secret.

@ericsan
not really; and it’s not that big of an issue technically.

one of my sites which has this “warning” has a pagespeed for desktop of 97, 91 for mobile, and 85 for mobile UX (no CMS used; all hosted locally).

To give you an idea how funky that “suggested” fix actually is, with the first version we got warning of “only 54% of your page could load to render blah blah” and had pagespeed of 91; we changed around some stuff, got pagespeed of 97 but now says “only 1% of your page could load … try to fix render blocking ….”

Well, 350k page with 1400 DOM elements, loads in 1.3 to 1.6 seconds, has pagespeed of 97 desktop and 91 mobile. SO, big whoop.

If your speed is above 91/92 and you still get “suggestion” for render blocking, you can likely ignore it. It’s pretty hard to get a higher speed with a complex WordPress news portal which has bootstrap 3 as underpinnings.

So, it’s usually best to work out EVEYTHING else first, then if all you have left is “render blocking blah blah” … then you can get on with your life.

To get maximum speed you have to massively optimize your content, figure out how not to load any external stuff from social media, google, etc. — tricky.

This may or may not work for you with this theme; but general settings from a blog called online media masters, and I’ve seen the same settings elsewhere would be as so:

(THIS MAY BE INCORRECT FOR THIS THEME: BE SURE TO TRY SETTINGS FOR YOUR SETUP: KEEP BACKUPS, AND KNOW HOW TO GO BACKWARDS BEFORE USING ANY CACHE!)

—————-
(to quote …)

General Settings
◾Leave unchecked

Page Cache
◾Page cache: enable
◾Page cache method: disk enhanced

Minify Settings
◾Minify: enable
◾Minify mode: auto
◾Minify cache method: disk
◾HTML minifier: default
◾JS minifier: JSMin (default)
◾CSS minifier: default

Database Cache
◾Database cache: enable
◾Database cache method: disk

Object Cache
◾Object cache: enable
◾Object cache method: disk

Browser Cache
◾Browser cache: enable

CDN
◾CDN: enable
◾CDN Type: MaxCDN

Reverse Proxy
◾Leave unchecked

Network Performance & Security powered by CloudFlare
◾If you have a CDN: leave unchecked
◾If you don’t have a CDN: sign up for CloudFlare and use the settings shown in the picture

Note: W3 Total Cache and CloudFare have integrated their products.

Monitoring

You’ll see an option here to sign up for New Relic. This is a tool for monitoring your web and mobile apps performance. It’s more for developers but if you are one, you probably already know about this service. Otherwise, leave it blank.

Licensing
◾Leave blank

Miscellaneous Settings

If you want to see your Google Page Speed score in your WordPress dashboard, there’s instructions in this menu. Otherwise, here are the settings I use:
◾Enable Google Page Speed dashboard widget: enable
◾Verify rewrite rules: checked
◾Enable file locking: unchecked
◾Optimize disk enhanced page and minify disk caching for NFS: unchecked

Debug
◾Leave everything unchecked

Import / Export Settings

If you want to use the same W3 total cache settings across multiple websites, export your settings and import them into the new WordPress sites.

Yes it work with super cache because i’m using that as well,you just have to becarefull using a different plugins to “Optimize Your Website” just not many because it can cause issues also only used one cache plugin…

I’d actually recommend you do a full backup via your hosting panel of your dbase, and do a repair/optimize outside of WP, if you can do so – to be safe.

makes sense. seemed to slow when i activated W3 cache thanks

will check server side gzip. also will try to use wp-optimize before moving forward

(correction: “But yes… on a 190MB dbase, WP-Optimize clears out on average about 27.5MB of crap,”) … not correct. Clean up varies on how much needs optimization. That number happened on one site, first optimization after a year of no optimization. Normally it’s more like a 1 or 2% house cleaning.

We have the number of post drafts optimized in our functons.php file to limit number of saves to no more than 3.

If you’re having trouble optimizing via plugin, I would likely contact your hosting provider and optimize your dbase from phpmyadmin or similar outside of wordpress (e.g., command line, or from server side).

But yes… on a 190MB dbase, WP-Optimize clears out on average about 27.5MB of crap, depending on when you do an optimization.

I think the pagespeed insights reference to browswer caching is having
1) expires headers from the server (or via htaccess on Apache, or config file on nginx), which specify a time to live, such as “cache fonts for one week, don’t reload them every time a page loads” … that is the purpose of “browser caching” — same with CSS, images like a logo, javascript, etc. — my settings are in the sticky for pagespeed.

2) remember to have gzip/deflate running on server side, you don’t need plugin for that as the server can compress everything on request

I’m not currently using W3 cache, and frankly I’d leave that off until you get everything else sorted as otherwise you end up caching incomplete pages from the other errors or overloads. Once EVERYTHING else is solid, THEN you would turn on the cache as the LAST thing in the chain.

Hope that helped a little (been there!). 🙂

• This reply was modified 12 years by simchris.

ok its working now.
i removed all the plugins but the essentials and its working currently with blazing page speed. Now adding them one by one back to see what was conflicting… and i noticed once i added W3 cache that it actually slowed down. is that normal? to be fair as i added gzip plugin it even slowed down more. 🙁

would this be the time to optimize with WP-Optimize? it crashed our database last time and im really shy about using it now.

according to google pagespeed insights, its suggesting we Leverage browser caching
– but according to documentation on theme, u suggested only doing page cache. should i active the browser cache option in W3?

Okay. let me try that. thanks Lucian and Christopher.

do you also suggest wp-optimize plugin as in your other article for page load speed, once this issue is corrected? i tried following your suggestion, but it crashed the database. just got it back up/repaired last night. its possible as Lucian says was caused by the other plugins conflicting. but they all serve a purpose but will see what i can do without. i really want the site to be exciting with additional buddypress features to keep visitors active.

i will update this ticket after removing all the plugins.
thanks again for the quick reply

Hm. Weird. On our server it optimizes them for progressive if we upload them that way.

OH: wait, I think our mod_pagespeed is rewriting them to progressive if not already, which is why we haven’t gotten that error you’re getting (doh).

Some people seem to like this WP plugin for optimization:

EWWW Image Optimizer — automatically makes progressive unless smaller file size from non-progressive.

SmushIt — also super popular. Now that WPMU has taken it over, it should still be viable option. We used this for a bit prior to changing the functions.php for compression level and installing mod_pagespeed in January with the rewrite images functions.

Hi,
this is what we do on our sites, in the functions.php file .. this overrides the default quality setting and is a WordPress function, not a hack. We have our set to “50” — for a portfolio site or photography site, you might choose “60” (it’s not a “percentage” of compression but a quality factor).

—-from my old post in the pagespeed thread–
For example, you could set the compression of images to something like 60% or even 50% in your child theme functions.php … will only change level on new images uploaded unless you use the regenerate thumbnails plugin or similar.

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

NOTE: Download your existing image files via FTP for safety backup, before you apply this with “regenerate thumbnails” as it will overwrite old files with the lower quality optimized images.

NO,Cloudflare does that for me so i don’t need plugin also that speedboost have a opition to help you with minification ur css files..

SPEEDBOOSTER >>>>Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.

Hi @Manuel the best plugin right now is “Speed Booster” the owner done some awesome updates today and made the plugin more powerfull so i’m only using that one along side the “Leverage Browser Caching plugin”.

@thomaspe i recommend you to use the “Speed Booster” plugin as well which work very well with the theme.

Speed Booster

Main Plugin Features

Eliminates external render-blocking javascript and css in above-the-fold content.

Moves scripts to the footer to improve page loading speed.

Loads CSS asynchronously to render your page more quickly and get a higher score on the major speed testing services.

Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.

Lazy loads images to improve page load times and save bandwidth.

Changes image compression level to keep file sizes smaller.

Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.

Defers parsing of javascript files to reduce the initial load time of your page.

Removes query strings from static resources to improve your speed scores.

Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.

Removes junk header tags to clean up your WordPress Header.

Displays page loading time in the plugin options page.

Displays the number of executed queries in the plugin options page.

Displays the Peak Memory Used in the plugin options page.

Thx, this is awesome! Gonna Try out now.

Regarding server response time 😀 I guess in times of real time advertising googles scope is in the 20ms area. Probably expecting everybody to serve on high power servers with performance optimized nodejs ^^

Could you please also share the version and apache vhost conf for mod_pagespeed?

@mbasche
thanks so much. Worked perfectly. For some reason my fragile little mind couldn’t work out the syntax on that, even though I have various other things removed/blocked/optimized in my functions.php file, as per usual. 🙂

I think I had been putting in visual-composer vs visual_composer, which is ultra dumb on my part. Doh.

THANK YOU!!! 🙂

Are you using cloudflare are any other plugin that optimize files..because this i a JS issue

Google has been cleaning house on junk news sites (our news network sites have been in GN since it was in beta many years ago) and getting stricter on what kind of sites they will allow; specifically if you’re just copying YouTube videos and cloning stories from major news portals, stealing images without permission, and not creating “first of its kind” original content, they might not take your content. They also don’t want “made up” stuff like a psychic blog, or things which attack other groups, and they do want to see an editorial staff, content which is not “guest posts” or paid content.

You need a Google XML sitemap, Google Webmaster account, unique URL for each story — traditionally they needed a unique ID number for each story which is why you see those strings of numbers on URLs to most real news sites.

Often done as

site/12345/pretty-url-here/

or

site/pretty-url-here_12345

But they do have specific guidelines you can read – both for content and technical requirements (for example they don’t expect to grab content more than 2 days old, so you need to have “current news” every day once you submit your application). Bylines, proper dates/times, etc.

Also remember that the XML sitemap, and Google News sitemap are two totally different things. Your XML sitemap should be working for awhile (not a brand new site), and you should not ping Google News with your news sitemap until approved.

Hope that helped somebody.

I know of many websites which have been kicked out due to “low quality content” this year.

I have not yet submitted one of our sites running this theme, which we’re still messing with as it’s consolidating 3 ooooold sites into one new magazine (ga-ga.com); but one of our sites running this theme *is* in GN right now, although the site is 10 years old and pre-dates GN. We switched over with zero trouble. This theme is properly optimized for Google News as long as your content is newsworthy.

• This reply was modified 12 years by simchris.

@nihar105479 here is things you need to fix,and you can find in my sticky post help to fix some of them.

1.Remove query strings from static resources >>> there is help in my sticky post to fix that.

2.Optimize images >>>> get the plugin EWWW Image Optimizer over at wordpress to fix that issue.

3.Inline small CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

4.Minify JavaScript and CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

5.Use cookie-free domains >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

I keep telling users use cloudflare to help better Optimize there site,if they take my tips and put them in action there site be fast and score better..there is a lot of tips on this site use them and you will see performance.

1) remove all external loading elements like social media, advertising, recaptcha, and anything which loads css or js as part of its content; anything not part of the theme

2) use the minification tools I’ve suggested in the pagespeed sticky topic – such as online minification tools, or use the GTMetrix optimized versions provided during the site scan

Basically you need to take the CSS and JS files which PageSpeed is saying need to be minified, and then copy those from your theme directory, minify them, then save the minified version over the original.

One tool to minify the CSS is here:
http://cssminifier.com/

or
http://gpbmike.github.io/refresh-sf/

After you have your minified versions, say of style.css you would need to FTP the minified version(s) to your web site into the wp-content/themes/newspaper folder in the appropriate place.

NOTE: you need to clear all caching, turn OFF caching, and then upload the optimized versions, so that the new versions get cached not the old ones.

3) see 2

If you have a page speed of “82”
then be sure to
1) have faster web hosting account
2) ensure that gzip/deflate are working on your server (mandatory!)
3) enable expires headers (mandatory!)
4) optimize your images

All of this is well covered in the PageSpeed sticky topic in the forum. Optimization of your server, content, and htaccess or nginx config files are not part of the theme.

There is no way for you to optimize external content such as AdSense, AddThis, Recaptcha, Disqus, etc. which are not being served on your actual site.

For max speed you will need to use web safe fonts (not Google fonts), and then comment out the fonts in your functions.php file.

• This reply was modified 12 years by simchris.