Search Results for 'pagespeed'

Hello guys!

I have a problem with Eliminate render-blocking JavaScript and CSS in above-the-fold content in the mobile version, i read all the topic and try everything but i dont know why its not working,

In the Speed Booster Pack i have enabled Load CSS asynchronously, Minify all CSS styles, Load JS from Google Libraries and Defer parsing of javascript files

Im using TagDiv Speedbooster plugin to and w3 total cache… i dont know what else i can do 🙁

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fconlupa.com.mx%2F&tab=mobile

I’m assuming you figured out solution for the gravatar/author photo? And presumably the web safe fonts, and scaling back some of the pix on page perhaps?

Curious what you did for author photo.

Sorry 🙁

@Lukao350
you don’t need to do multiple posts for same issue. This has nothing to do with PageSpeed. So you should post the question as NEW topic for support 🙂

Lucian or Marius from TagDiv support will answer stuff as soon as they are back in at their local business hours.

Hey guys,

Just wanted to let you know that I got 96 on desktop and 91 on mobile now 🙂 I am so happy! Thank you Christopher, Shashank and Steven for the tips on the forum 😉

Could anyone help me with my problem?
This is it: https://forum.tagdiv.com/topic/placing-ads-below-the-main-menu/

@Christopher What if I use the font by doing @import and upload the font files to the server? Will it make the site slower?

Wellllllll…. I had trade some posts with RADU on this topic in hopes he might add a custom field on the user page for an author image loaded locally (this can be hacked from the functions.php file; I did this with one of my own responsive themes in 2011 pre-bootstrap which was insane — three column layouts without bootstrap were really a freaking pain for responsive; float right inside a float right … ugh!).

This was on my to do list before I got sick … and was just thinking the same thing 🙂

You would think there would be plugin for this, since really all it takes is adding new field to user meta for each user; then calling that from the theme author box template.

This may be my Labor Day weekend project ! 🙂

example how to on this topic of adding custom user meta
http://justintadlock.com/archives/2009/09/10/adding-and-using-custom-user-profile-fields

in the above case we’d be replacing a twitter field with a user photo field, where we could put in local URL to the user photo (e.g., /uploads/my-name-here_100x100.jpg); then call that in the Newspaper theme.

@christopher, just disabled Gravatar and my post page got a bit faster: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fgdgtarena.com%2F2014%2F08%2F26%2Fiphone-6-leak%2F&tab=desktop but how can i show the author image there?

@mehedi

“web safe fonts” refers to fonts built in to all web browsers (Google “web safe fonts”). So if you change your default fonts in your style.css file to not use ANY Google fonts, then you don’t need to load any fonts from Google (I’m using the gill sans “stack” myself). Then comment out the call to the google fonts in your functions.php file (line 48 I think, if memory serves).

This is a nice info page I usually refer people to:
http://cssfontstack.com/

To load Google fonts via your own CSS, this means that if you look at the line in your functions.php which would be loading the default google fonts for the theme (like pt sans and roboto or whatever), simply open the CSS from that link, and copy the CSS which is being loaded from Google …. then put that CSS at bottom of your style.css file … this way you’re loading the fonts directly from your CSS; not loading a CSS file externally which then loads the Google fonts … you’re cutting out a step, and removing one external file load over which you have no control. I do this on our main business site to load Open Sans from Google directly. This is a common fix for using Google fonts which has been around a few years now. 🙂

Hope that made sense.

I really need to write an ebook on this stuff with examples! 😉

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

I am surprised as well. I guess he is just a beast on this section…Shashank, please help all of us out. Looking forward to your reply 😉

Some of the things I noticed on his site was not using the gravatar, which is a major slowdown, and also he’s limiting the number of thumbs on page, such as not having four big “related stories” images at bottom of post, and as I suggested he’s using only the share buttons vs the number shares buttons.

I just checked one of my pages, which does not have js/css minified, and has gravatar, and has an ajax slider top right AND four images for related posts. This page has a “90” on PageSpeed Insights with both AdSense, and Disqus running. And one of those things is loading Google Analytics even though I am not. I’m not using a caching plugin either. So, in my case I need to consider changing the related posts, figure out how to cache or save the author image locally vs from gravatar, and possibly remove the big image slider top right of each page … which would reduce payload of page by a lot. And I need to minify my main js and style.css files, and retest. I haven’t looked at this since before I got sick, and have been working on something else which pays the bills vs the fun stuff, but need to get back to that obviously 🙂 And even worse, I don’t think I’ve updated the theme to 4.x on the test page (still 3.9.2). Doh. I suppose I should catch up on following my own advice! My non WP site has 97/100 for desktop, and 93/100 mobile.

What blows my mind, as it were, is the 99/100 user experience rating for mobile that Shashank has. May I say “wow” 🙂

@Christopher, what do you mean by “load fonts from your own CSS not from Google CSS; or use web safe fonts ONLY”? Please explain.

Thanks Christopher! Shashank, if you’r reading this, please help.

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.

Hi Christopher,

I know that but the thing is, some website are getting 97 with AdSense and Shareholic turned on. For example, one of the forum member, Shashank has ads on his website and shareoholic as well but he has 97. (http://www.styzic.com/). I guess you have AdSense and you do have a brilliant page speed…How is it possible, then? :/ Please help.

TO ALL:

Christopher Simmons

August 27, 2014 at 8:50 pm #19552

As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.

The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.

Just for those pulling their hair out on this topic (been there!) 🙂

My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!

Hi, Mehidi
I just posted a comment about this on another post which I’ll repeat here as my empirical wisdom on the topic of suffering Google issues the past 20 years. 🙂

————-

Christopher Simmons

August 27, 2014 at 8:50 pm #19552

As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.

The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.

Just for those pulling their hair out on this topic (been there!) 🙂

My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!

———————

For Google fonts; use my trick mentioned elsewhere …

1) grab the CSS from google which is being loaded from your functions.php for the fonts you’re using;
2) paste the css into bottom of your style.css file, so you’re loading the CSS in your own file and not loading externally — does 2 things, removes the css loading from their server with the funky expiration, versioning, etc., and reduces external load by one file!

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.

As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.

The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.

Just for those pulling their hair out on this topic (been there!) 🙂

My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!

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

@Shashank I deactivated Minify from the W3 Total Cache and installed https://wordpress.org/plugins/wp-html-compression/ but it made it worst. Google now shows that I need to minify html…?

https://developers.google.com/speed/pagespeed/insights/?url=gdgtarena.com&tab=desktop

@Shashank I minified the CSS and JS and uploaded them back to the server. But my score is now 85 (which is low). As you can see most of the problems is with Google’s Analytics and other sources. Here: https://developers.google.com/speed/pagespeed/insights/?url=gdgtarena.com

Any idea?

@Shashank How did you get 97? WOW. That is amazing. I know that @Christopher’s website has 97 as well. My one is 86 on desktop and 65 : https://developers.google.com/speed/pagespeed/insights/?url=gdgtarena.com&tab=desktop

Can you please tell me how did you get there?

Thanks!

• This reply was modified 11 years by mehedi.