Search Results for 'pagespeed'

Hello!

This thread is very very large. A lot of beginners (including me), won’t be able to follow this as there is loads of suggestion of code and fix. It would be really great if someone (@ChristopherSimmons?) writes a post about this which includes all the suggestions and proper fix for pagespeed.

please let me know. it would really help a lot of us.

thanks!

Thanks for the reply, Christopher.
Yes, I have the plugin installed (with the update that came out today). But I am still having this problem.
I see in the demo does not have this problem, and in some cases here, is very small.
Should I combine the scripts?

@Lukao350
Hi, it’s almost impossible to fully remove all render blocking — most websites need to have some CSS load before the page … otherwise you get a flash of unstyled text – where page starts to load but is messed up, then the CSS loads and corrects – ugly.

So, with full optimization, you typically you will end up with one main CSS file, and one main JS file, as well as the other render blocking stuff will be external files (e.g., fonts from Google) that don’t load in “async” mode. The TagDiv Speed Booster plugin helps a bit – have you tried that yet ?

I’m the problem “Eliminate render-blocking javascript and css in above-the-fold content”. I do not know what else to do, would have any tips for that?

For those who want to see: http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.techtube.com.br&tab=mobile.

Sorry for my english.

Estou com o problema “eliminate render-blocking javascript and css in above-the-fold content”. Não sei mais o que fazer, teria alguma dica para isso?

Pra quem quiser ver: http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.techtube.com.br&tab=mobile.

Desculpe pelo meu inglês.

@thor

glad we could all help ! 🙂

Just to check in..
According to google pagespeed now:
on mobile 83
desktop 93

Just by reading this thread and following the advice here.

Thank all !

hi,
lets start from the begging, the reason way google is giving that “Remove render…..” is because when the source of the site get downloaded and loads into the browser it find resources like css and javascript files, font file, etc and the browser stop the downloading of the page to start downloading the other files (css, javascript files) and google says that is better to download the source of the page first and at the end to download other resources.

now that we found what happens, moving the css and javascript code at the bottom of the page – I think ???- it can be done by doing something like :
keep the style.css of wordpress, but put all the code in another css file, then
read the file and put the readed content between <style> and </style> in the
footer of your site (probably thru the use of hooks). do the same for javascript
files(need to use the <script> and </script> tags).

Now imagine that for every plugin that have css files and/or javascript files you need to do this reading of files and pasting in the bottom of the page. Is hard to do this but will insure that message “Remove render …..” will disappear.

==== about speed buster
all that td-speed-booster is doing is to move the javascript files from the header of the page to the bottom of the page. in theory this will have to increase the speed in google pagespeed application, but in your case seems that it fails, really don’t know way, this has to be checked.

Thanks for you message.
Radu A.

hi,
all that td-speed-booster is doing is to move the javascript files from the header into the footer, this will increase the pagespeed in google speed aplication, however td-speed-booster duos not know how to move all the javascript files from all the plugins that you have. revolution slider is working because with no speed buster, no javascript file is moved down.

to have the speed buster activated you need to remove all the plugins that have javascript files and td-speed-booster duos not know how to move them.

Thanks for you message.
Radu A.

Some of HTML5 boilerplate is built in to both Bootstrap and the theme, as far as I know.

HTML5 boilerplate is nothing new, and in fact is one of the inspirations for the htaccess optimizations found in this stick topic that I’ve been posting the past six months for all. Except my verison cuts out all the commenting not needed, and which ironically slow down the htacess file wit bloat.

All roads often lead to same solutions, so thanks for sharing that info for those who are new to HTML and customizing WP. 🙂

(HINT: you can use my htaccess modifications without having to pay for, or use, a plugin.)

@Thor,Thanks

HTML5 Boilerplate added things to ur .htaccess to make ur site and mobile devices fast and works great..

I’ve bought a plugin that called “WP Social SEO Pro” that have the opition to used HTML5 Boilerplate there is no coding etc to used it just turn it on and let it do it’s job and all you do is enjoy the results..

The plugin that i bought that is super powerfull as well that have the HTML5 Boilerplate is here >>> http://wpsocial.com/product/wp-social-seo-booster-pro/

@Steven
Awsome,
how do you use HTML5 Boilerplate .htaccess Optimization ?
I´m new to that part

Christopher Simmons here you can see it yourself >> http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fregatulunit.com%2F&tab=mobile

been testing all day :))

tired now …

i managed to get
73/Mobile 85/Desktop without tagDiv speed booster

69/Mobile 82/Desktop with tagDiv speed booster

all i need is to Eliminate render-blocking JavaScript and CSS in above-the-fold content which is in red in mobile and yellow in desktop 🙂

thanks

I’ve just removed all sliders from my site and my page went from 5mb to 2mb and my score went up to over 82% with all my test i done…sliders slow down your site really bad and for mobile phones is worst..sliders look good on sites but they really put a lot on your site and make it very slow also those social networks that showing counters those make ur site very slow as well…it take me weeks to get my score up and my site load down by removing things that just make my site too slow on mobile devices and slider was one that do that…

CloudFlare play a big role in my score as well because it really help ur site to be very fast,i show my images because i want people to see it’s not the theme that make ur site fast etc it’s all the other stuff you add too ur site that make it very slow,and one more thing that can do a lot too ur site is the “HTML5 Boilerplate .htaccess Optimization” if you don’t used it start it will do wonders to ur site.

HTML5 Boilerplate .htaccess Optimization

Start using this guys you will see big results..take my tips and you will get the same scores as what i show off my own site…

my site is @ http://jahliveradio.com take a test run and see for ur self…

• This reply was modified 12 years by Steven.

Be sure to load an actual article page, not just a page with a YouTube video or something.

30B for an entire page seems wrong.

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.

GTmetrix give me A for page speed. Can that be true ? If so Im doing something correct

Page load time: 0.43s
Total page size: 30B
Total number of requests: 1

Thanks Christopher. I will try GTMetrix

@THOR
for testing actual speed you likely need to turn off some of the external elements like social media plugin, advertising, etc.

Try testing with GTMetrix instead as it will SHOW you where the problems are and how to fix.

Also, rather than set expiration headers with plugin, you can do magic with the .htacess file settings I note in this forum (not for use with nginx). Much more efficient.

• This reply was modified 12 years by simchris.

according to yslow my site get:
Grade C Overall performance score 76

Grade F on Make fewer HTTP requests:
This page has 17 external Javascript scripts. Try combining them into one.
This page has 15 external stylesheets. Try combining them into one.
This page has 10 external background images. Try combining them with CSS sprites.

Grade C on Reduce DNS lookups:
The components are split over more than 4 domains

##EDIT## Please notice that after double checking my website could not be viewed on mobile. at least not mine so I did have to unplug it. If someone with experience here have solution then please share.

Hi all,
My first comment. I´m not a PRO so please correct me if needed.
I have been trying so many things to speed my site up and first it was only 50+.
I did make it goes to 73 on desktop today but then after research I found this magic plugin ” far future expiration plugin”
Now my site show 67 mobile AND
100 / 100Suggestions Summary for desktop
Congratulations! No issues found.

Hmn.. I´m sure if that can be true but my site is fast on my desktop at least.

Sorry I don´t want to share my link here but just try it yourself ( the plugin )

• This reply was modified 12 years by Thor.

Why not simply create a robots.txt file ?

Robots text file is not needed for SEO; it’s primary purpose is to identify which sections of website NOT to search for robots, and to point at your sitemap.

If you have already submitted sitemap to Google and Bing webmaster tools, it’s kind of redundant for some things.

You might look at my example robots.txt file in the SEO/pagespeed sticky thread, to see what one looks like.

A robots.txt file is intended to give directions to search bots, hence name of file. It’s not seen in Google search results, and has nothing to do with your site content SEO which is all done “on page” and “per post” on your site.

If you need one, simply create a text file: robots.txt and upload to your root area of your website; you may need to change write permissions (775 or 777) if you want something like Yoast to be able to edit the file. Some WordPress installs automatically create the file now, with exceptions to inform robots/spiders to skip the wp-admin folder, etc.

wp settings > reading
Further: if you put the WRONG entries in your robots.txt file like saying “ignore my posts directory” then nothing will be seen by Google. The robots.txt file is often used to tell Google your site is under construction… if you have such a setting “hide from search engines” in your wp settings > reading … then that may be your issue.

Robots.txt is *NOT* part of the theme.

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

Another important factor is your web hosting provider. I don’t wish to drop names in this forum but I moved from a shared web host to Managed WordPress Hosting and my site seriously improved in loading times! They also set up CDN and it’ll make a difference!