Search Results for 'pagespeed'

Please see the sticky post on maximizing your site for PageSpeed. You can manually minify your CSS and JS main files. Browser cache settings can be specified in htaccess file if running Apache (I posted the how to on that in the sticky category of forum).

YOu may find it useful to test one of your post pages using GTMetrix in place of Google, as it will also give you better examples of how to optimize your page, tell you what needs to be fixed, and often give you minified versions of CSS/JS files you can grab. Free.

FYI…
the only way to get a “perfect” score with PageSpeed Insights is to custom build a lean layout with few photos and css custom loading in steps for a) above the fold, b) after load; this is very complex and not suitable for sites with complex if/then/else customization front ends or page builder apps due to all the bloated code necessary for serving different masters. Any site which loads most of the CSS and related styles to get the page to render properly will end up getting an optimization warning, because the page is not custom built to render above the fold before the lower content. If you can hit 90+ on your desktop score and 85+ on mobile, you can live a happy life and not stress over it.

Hi there, I wanted to give something back to the forum. For those who are struggling with the image size in mobiles I found an easy and practice solution. Just go to http://adaptive-images.com and follow their instructions. To sum up, what this hack do is recognize the user resolution and if it is smaller than the image it creates a new image to fit that size. It has a few cons: The image are only created once the user access your site with a smaller resolution. Google PageSpeed Test dont recognize this change, so you will be getting low scores for mobile.

On other subject, I am getting the following problem: Compressing https://platform.twitter.com/widgets.js could save 71.6KiB (69% reduction).

Anyone could solve this? I could find anything on Google.

Thanks in advance!

Caching is usually the culprit in most things like that. Always good idea to disable all caching before doing updates otherwise you end up loading mix of old stuff and new stuff, as you likely discovered. We had the same issue while running mod_pagespeed, and I learned my lesson on that 🙂

In case I didn’t include this previously:

In your WordPress Settings, you specify the WordPress address and the site address. Those are added in your database, and every time the developer calls it in the template, it is running a database query.

define('WP_HOME', 'http://www.wpsitez123.com'); 
define('WP_SITEURL', 'http://www.wpsitez123.com'); 
define('TEMPLATEPATH', '/absolute/path/to/wp-content/themes/active-theme');
define('STYLESHEETPATH', '/absolute/path/to/wp-content/themes/active-theme');

By adding these in your wp-config.php, you are reducing the number of database queries thus increasing your site’s performance.

These settings are also useful if converting your website to “https” once you have SSL cert installed as WordPress can ‘soft-redirect’ any query for http://yourpage to https://yourpage; and it updates the WP Settings general page showing URL, and YOAST SEO picks this up for writing canonical links for https.

In case anybody is on to the more hard core optimization of WP.

We use the Disqus plugin with our site with no issue, but we’re NOT using the “load on scroll” which is sometimes called “lazy load” as that never seems to work consistently — even mod_pagespeed from Google doesn’t work consistently where we sometimes have blank images. Not theme related, but due to the fact a lot of things get loaded as “async” for quicker loading these days, and this can cause things to load in wrong order even if theme trying to load in right order.

You might try simply using it without the load on scroll feature.

Unfortunately my Page Speed Insights are now 31/100
https://developers.google.com/speed/pagespeed/insights/?url=puregospelnetwork.com

Kevin

Did you put the calls to Google for the open sans font at bottom of the style.css file?

That would likely be reason for the lack of fonts in Firefox.

I didn’t have the issue with td-bootstrap.css since if PT Sans isn’t being loaded from Google, it falls back to sans serif anyway. I suppose there might be a post type which uses that … but I didn’t end up having issue with it.

I don’t think I mentioned anywhere that in my style.css I also put open sans font stack in the first body class so it would be “default” font if no other font specified.

Thank you for your tips, Christopher. I appreciate your support here. I read all the things you posted.

I choosed open sans for all font styles in style.css and removed google fonts from functions.php like you said. It worked for chrome and Iexplorer but firefox do not show open sans. Is there any solution for this?

And I found that I need to change the font in td-bootstrap.css also. There is a PT Sans in it which is post content text. ??

The way I did it wasn’t easy, but if you want to hurt your brain you can read about that in the pagespeed sticky 🙂

UPDATE ON MY MOD_SPDY PLUS MOD_PAGESPEED ADVENTURE

for those of you doing the more arcane stuff with mod_pagespeed and perhaps looking to use mod_SPDY to speed up your site if moving to https, here is what we found over past 2 weeks of testing.
1) connecting mod_pagespeed to mod_SPDY caused Apache to stop/start every 3-5 hours. Not good.
2) using relative paths to static file directories in mod_pagespeed .conf file was the way to go; this allows pagespeed to load the files via /relative/paths/ vs sorting out what to load via http or https (via spdy)
3) running mod_SPDY without pagespeed connection seems to work quite well. (so far)

Anybody not doing any of the above can simply IGNORE this post as it won’t relate to you.

Just a tip:
be sure to

a) backup your site, export dbase and theme settings
b) turn off any caching plugin
c) turn off any special things like mod_pagespeed
d) deactivate all plugins

1) delete old theme folder
2) replace with new theme version (don’t overwrite; which mixes old code with new)
3) delete old VC plugin if updated
4) upload new VC plugin if updated
5) clear browser cache several times
6) reset/expire any CDN content to refresh with new theme content/CSS

The above resolves 90% of the oddball “my theme panel doesn’t work” issues.

@cstyn
as I said, you need to *choose* which fonts you want to use on your site, as I did with Open Sans. In my examples, you would choose the fonts you want, search/replace those in the stlyes.css file, then grab CSS from Google for those chosen fonts, then put the CSS at bottom of your style.css; then hack the functions.php to no longer pull the stock fonts from Google since you’re loading your custom fonts.

Best to stick with built in theme font selectors, in your case, at this time. If you don’t yet know the purpose of the style.css, then this will be beyond you for the time being.

Best wishes, and sorry I couldn’t make that all any simpler.

Theme says default… and doesn’t say what fonts actually use…

@cstyn
Re: custom fonts, and custom font loading …. simply removing code from functions.php is just *one* step as I outlined in detail. That step is only part of it to remove the theme calling on Google to load the fonts. If you don’t do all the other elements, like picking the NICE fonts you want and actually adding the CSS to your style.css file, then it serves no purpose. If it’s beyond you, then as I said, it’s best to stick with the built in theme functions until you get more adept at “hacking” WordPress and WP themes, which takes some time (I’ve been doing it a looooong time, and I still get lost on stuff!). 🙂

• This reply was modified 11 years by simchris.

To get rid of fonts by editing function.php made my site ugly. I reverted back the code in function.php. Better without 6 points than ugly site. I don’t understand how to manually add all the default fonts on site.

I did as you said. I still had the error because I forgot

else {

All I did was editing function php. I use default fonts on site, I did no change in theme panel. That means I use default, so no google ? It works. 🙂 Thank you !!!

I got rid of some js codes, from g+, stat counter, etc. now I have 94/100 or 95/100.

Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.
None of the final above-the-fold content could be rendered even with the full HTML response.

This error only. Any more idea how to fix ? I have:

– W3 TOTAL CACHE

Page cache: enable, disk enhanced.
Minify : AUTO
– HTML minify settings: all checked except Line break removal
– JS: ENABLE … ADDED 3 js scripts from site, using minify and NON BLOCKING USING ASYNC.
– CSS: no
Database cache – enabled.
Browser cache enabled.

– Async JS and CSS

Load Javascript asynchronously
Load CSS asynchronously
Minify CSS

– Speed Booster Pack

All general options
55% image compression
Load CSS asynchronously
Minify all CSS styles

NO tagDiv speed booster (INACTIVE)…

Thanks for the previous video on site. I hope my settings help others. If anyone can help with my last issue, I would be gratefull.

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

Chris, I get the 3 css files as render blocking, is there any way out for them? :/