Search Results for 'pagespeed'

Hello;

I have not received any solution to my last question. I’ve made changes in my .htaccess as you comment and now you can well see https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.trebol-apuestas.com%2F&tab= desktop The problem is that there puglins as you can see in “Specify Cache” that have no specified time. These are:
-http: //sumome.com/api/load/ (not specified expiration time)
-http: //my.hellobar.com/9a38405d83b6e120ddd87505ec8bf511b98bb4bf.js
-https: //cdn.syndication.twimg.com/timeline/profile -callback = __ twttr.callbacks.tl_i0_profile_TrebolApuestas_old & dnt = false & domain = http://www.trebol-apuestas.com & lang = en & screen_name = TrebolApuestas & suppress_response_codes = true & t = 1640026 & with_replies = false
-http: //load.sumome.com/ (10 minutes)
http://platform.twitter.com/widgets.js

As I can specify cache for these html headers. I already use cloudflare if necessary for this action.

Checkout this thread ===> https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/

Lots of factors; speed of test connection, number of images, site optimization, mix of CDN, or custom server (10mb, 100mb or 1GB connection), https with or without http/2 support, mod_pagespeed, etc.

Speed of “theme” not relevant in context of “speed of optimized site using theme.”

Just a comment, I don’t work here 🙂

Try this page instead of above…

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Faskremedies.com%2Fhow-to-get-rid-of-sore-throat%2F&tab=desktop

• This reply was modified 9 years by lethow. Reason: wrong URL

I followed the tutorial and done this but no help…

You can check the all CSS for the desktop and they are on this URL:

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

Now, you see the last 4 lines we had added for the last 4 CSS but no help…

function css_mover() {
//if ($this->td_theme_name == ‘Newspaper’) { }
// wp 011 – Newspaper 6

$this->move_style_to_footer_queue(‘bbp-default-bbpress’); //bbpress old
$this->move_style_to_footer_queue(‘bbp-default’); // bbpress
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘google_font_open_sans’);
$this->move_style_to_footer_queue(‘google_font_roboto’);
$this->move_style_to_footer_queue(‘js_composer_front’);
$this->move_style_to_footer_queue(‘td-theme’);

Hi,
thanks for reply.

I’ve already done your tutorial on yesterday but it doesn’t work; I get a lower score on Pagespeed after that.

I copied his chain in .htaccess to specify headers html.

# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 604800 seconds”
ExpiresByType image/jpeg “access plus 604800 seconds”
ExpiresByType image/png “access plus 604800 seconds”
ExpiresByType image/gif “access plus 604800 seconds”
ExpiresByType application/x-shockwave-flash “access plus 604800 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 604800 seconds”
ExpiresByType application/javascript “access plus 604800 seconds”
ExpiresByType application/x-javascript “access plus 604800 seconds”
#ExpiresByType text/html “access plus 600 seconds”
#ExpiresByType application/xhtml+xml “access plus 600 seconds”
</ifModule>
# END Expire headers

But as you can see I have many errors in the cache and not as https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.trebol-apuestas.com%2F&tab=desktop fix. I think we should go one on one by adding them how did you do it? I can give an example with the first http://sumome.com/api/load/ as you can specify cache for this file to .htaccess?

@snaxzer thanks this works for me too but there are little issues.
1. My Search box at the top right stopped displaying.
2. MY sidebar stopped being sticky
3. The most post at bottom right did not showup on post pages anymore.
When I disable rocket loader in Cloudfare all the features work but very low pagespeed.

View demo here: https://goo.gl/N9FkD5

Not an SEO issue. Blocks on a home page or index page which contain your story indexes need to be there for page to render. Google reads text on your page, not the DOM elements that build layouts. Even if you move your “mega menu” to external file, it still needs to load on the page when viewed by a robot or other element.

You’re better off doing “fetch as Google” and using Google PageSpeed Insights, mobile friendly check, GTMetrix.com test on your post, as barometers.

SEO is most affected by your title tags, h1 tags, actual text relevant to the title tag and permalink, the amount of original unique info on the page on topic, and external links to your site from other sources that cite your page as relevant to that, even if it’s just social sharing.

The HTML used to build the DOM, does not “hurt” your SEO, unless you have two paragraphs on a page and then a mega menu, and 50 blocks of other stuff unrelated to that one page.

Just food for thought having done SEO since March 1995.

Thank you Andreo, Chrish and Nairolf 🙂

It worked wonderfully . The version query strings went out but it still appears in the Google Pagespeed Score. We all tried to solve this issue here: https://forum.tagdiv.com/topic/tagdiv-speed-booster-not-removing-js-render-blocking-and-other-related-issue/page/2/ but it didn’t work.

Have you come up with any solution to that?

And by the Andrei,
You missed one very important point, you checked the homepage but usually, Google or real people visit individual homepage quite often. And on the individual posts, the same .js and .css file ( One Akismet .js files and other 5 css file 2 from Google API and 3 from a tomatoheart plugin VC and style.CSS .

Have a look at the Google Pagespeed Insight for one of the post : http://tomatoheart.com/webjockey/facts-about-bb-ki-vines-bhuvan-bam/ at https://developers.google.com/speed/pagespeed/insights/?url=tomatoheart.com%2Fwebjockey%2Ffacts-about-bb-ki-vines-bhuvan-bam%2F&tab=desktop

Here, mobile and desktop score is almost same: 66/68 ( Snapshot here: https://i.snag.gy/GEvA1z.jpg )

Render blocking Codes from Desktop are:

Remove render-blocking JavaScript:
http://domain.com/wp-content/plugins/akismet/_inc/form.js
Optimize CSS Delivery of the following:
http://domain.com/…in/public/css/facebook-login.css?ver=7.3
http://fonts.googleapis.com/…0,700|Amiri:400,700|Lora:400,700&ver=7.3
http://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
http:/domain.com/…r/assets/css/js_composer.min.css?ver=7.3
http://domain.com/…ntent/themes/Newspaper/style.css?ver=7.3

You can check it for any posts of my website and you will find the same thing. SO, the issue is not only with Mobile version.
You may want to look at it again.

• This reply was modified 9 years by Nano.

Hello buddymantra,

Follow this tutorial https://goo.gl/e6pVWs to improve page load speed.

My website results – http://prntscr.com/cmnatw

Thanks for your understanding.

• This reply was modified 9 years by Amit.

Hey Chris S,

Thanks for your suggestions. But all your suggestion for those who have basic knowledge of programming.

As I can see theme package contains the woff file. So there is no need to add the following the line in .htaccess

ExpiresByType application/font-woff2 "access plus 604800 seconds"

The htaccess code provided by me do not have pagespeed module enabled.
Those who have pagespeed module enabled from cPanel they may disable it from cPanel or by adding following code to the .htaccess file.

<IfModule pagespeed_module>
ModPagespeed off
</IfModule>

I would suggest learners to disable pagespeed module as it causes cache issue* If it’s not configured properly.

Hey Chris and nairolf,

It was midnight here and I slept so, couldn’t reply to both of you. Sorry 🙁
I am thankful to nairolf for putting efforts in trying to help me and give me the right direction. I was finally able to make speedbooster working by his help yesterday ( and also disabled one 301-redirection plugin by adding few codes in functions.php because of his motivation to use fewer plugins 🙂 )

Chris is my old fav and his detailed ( and many times witty! 🙂 ) tutorial has helped me a lot to optimize my website in the past.

Anyways, on this point,

I am not sure which codes under Chris’s codes are effecting the Query strings and should I try to change “10 to “101 or max” under this code:

function remove_cssjs_ver( $src ) {
 if( strpos( $src, '?ver=' ) )
	 $src = remove_query_arg( 'ver', $src );
 return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

or any other?

I also tried to add one code suggested by KEYCDN here: https://www.keycdn.com/support/remove-query-strings-from-static-resources/ Code is:

function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

It didn’t work either .. perhaps for the same reason why Chri’s code didn’t work. May be I should try changing the number 15 to 200 or something?

For nairolf’s suspicion , I checked all other related plugins to see if any function is forcing the query strings behavior that we set in functions.php but couldn’t find anything. I am using itheme security plugin and here I have checked an option which says ” Replace jQuery version with safe version” ( see here: https://i.snag.gy/4SKTg3.jpg ) Previously my Jquery version was 1.12.4 or something but now it’s showing 1.11.1 . Just informing you if it’s the reason behind something.

Other thing I noticed under Yoast SEO, where I have checked “Remove the ?replytocom variables. ” option. Though it serves a different purpose but somehow related to these query thing.

Nairolf said somewhere above that “at least on Newspaper 7.4, is impossible to remove the query string with conventional functions for all resources.”

Then how did you finally removed these strings Nairolf or you didn’t ?

Can’t we move these CSS even with these query strings? And more immportantly, one very important point which you both missed from my previous comment that, after doing required modifications to speedbooster.php, I can actually see that Style.css, fonts and facbook login CSS etc have moved to footer ( Checked “View Source” page of my post on Google chrome) and when I removed JS modifications from speedbooster.php, I saw it coming up on the “view source code”

If sppedbooster were not working with these CSS files, why it would have moved these files from top to footer. The main question is “why it still appears on Google Pagespeed score? ”

Or perhaps it is appearing GPS because GPS is suggesting to remove these query strings and not raising any flag over whether it has been moved to footer or not?

PS: I can understand that tt can be really big tough to deal with a non-progrmmer like me but let me assure you that I do things carefully and I can be instructed very well 🙂

Thank you.

• This reply was modified 9 years by Nano.

Hey nairolf,

After referring to your comment and the link provided, finally, I successfully activated the speed booster plugin and successfully moved all .JS files in the footer.

In my previous attempt, I was not able to find the correct CSS and JS ID, but this I found it. Reason?

Just discovered the real issue behind why we usually are not able to find the correct .js and .css id for adding it to the td-speed-booster.php and the issue was: I was copying text from the wrong location.

Like me, We all usually copy the “Registered .JS and Registered .CSS code” that appear on the top of the WordPress admin page where we have just added the “code” in functions.php code.

Actually, it displays only those .CSS and .JS codes that loads under WordPress Admin Dashboard panel. To find the actual codes, you must visit either your homepage or any post and then copy the “Registered .JS and Registered .CSS ” file into a text.

But in the case of CSS files, Google Pagespeed still showing various .CSS files

https://domain.com/…in/public/css/facebook-login.css?ver=7.3
https://fonts.googleapis.com/…0,700|Amiri:400,700|Lora:400,700&ver=7.3
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://domain.com/…r/assets/css/js_composer.min.css?ver=7.3
https://domain.com/…ntent/themes/Newspaper/style.css?ver=7.3

Though when I check the “View Source” of my post on Google Chrome, I can see these CSS moving from top to footer ( checked with and without adding the code and noticed the difference) , it’s just that it’s not appearing on Google Pagespeed result. Of course, I cleared all kind of Cache ( Super Cache+ Cloudflare) before checking it, but it’s not reflecting on Google Pagespeed result.

Only one .JS file still appears o some of the post, ie:

http://domain.com/wp-content/plugins/akismet/_inc/form.js

Do you know ID for Akismet so that I can attempt to move it too?

One more important thing- Under some thread, somebody mentioned to search for CSS ID using “View Source” page on Google Chrome but the ID that appears on this page like :

<link rel='stylesheet' id='facebook-login-css'  href='http://domain.com/wp-content/plugins/wp-facebook-login/public/css/facebook-login.css' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css'  href='http://fonts.googleapis.com/css?

These IDs contain “-css” at the end but it doesn’t work . Actually ID as found using this method ( Point 5.2) , doesn’t contain -css in the ID and it works well.

So, one should use ‘google-fonts-style’ as CSS ID not ‘google-fonts-style-css’

Can you tell me why it’snot displaying on Google Pagespeed? Is there something else that I need to look on?

Thank you.

PS: I am planning to remove https://wordpress.org/plugins/host-analyticsjs-local/ plugin. Don’t know if it’s the reason behind low traffic

• This reply was modified 9 years by Nano.

Hi

The theme only makes the request to Instagram and can’t control the response time from their servers. I’ve checked your site with google pagespeed tool and noticed that on desktop you ca make some improvements by setting a leverage browser cache for those resources: http://screencast.com/t/eSzQo6p27eUa Please check this link for more details in this regard: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching – https://gtmetrix.com/leverage-browser-caching.html
Google also complains about the images from Instagram widget but being served from external sources is no much you can do about them as they can’t be controlled. You can try to use cloudflare but I can’t say for sure how much will help.

Thanks!

• This reply was modified 9 years by Andrei L..

Hello Andrei,

Thanks for the detailed response. Actually, I had made the lazy load off that’s why you couldn’t notice it. Currently, I have enabled it again and now you will be able to see the same issue again. Visit this again: https://tomatoheart.com/manisha-choraria/kids-manage-finance/

As I said, it disappears only when “Fade & Scale” or “Up fade” option is selected under loading effect. In case, I made it off or select “Fade (Full)”, It works very well. ( Check this screenshot: https://i.imgur.com/xUhvWum.jpg )
I know there is no issue with theme options or anything and it’s happening because of the compatibility issue of my this custom CSS

.wp-caption-text a {

    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    display: inline-block;
    padding: 0 3%;
    }
.wp-caption-text, .wp-caption-text a {
    color: #fff;
    font-size: 10px;
    margin-top: -28px;
    text-align: left;
    line-height: 20px;
    margin-left: 3px;
}

I rmember , under a different thread here : https://forum.tagdiv.com/topic/image-caption-disappeared-and-jpg-are-not-in-centre-in-smart-list/#post-131943 Bogdan has said that this code effects only externally sourced image and he has suggested a new code, which is working very well even with smart list style but somehow he wasn’t able to shift the “image caption” both in the bottom left ( it stays in the bottom center)

SO, I am using Bogdan’s code specifically for Smart list styles and using my code for all other places ( here it works with both internally and externally sourced images )

Example for bogdans code : https://tomatoheart.com/akshita/13-science-backed-reasons-indian-superstitions/
Example for my code: https://tomatoheart.com/manisha-choraria/kids-manage-finance/ ( It will disappear in milliseconds because of the current setting )

One better solution can be that if we can style Bogdan’s code in a way that it gets the same style as I am getting with my code. The only issue is to move caption box to bottom left. It will also solve “Lazy load” issue as his code works well universally.

Or you can check the compatibility of my code with last two lazy loading options.

I am repeating it again that theme is working very well and it’s just because of my custom code but any help will be appreciated.

With regard at Speed Booster, I can see it’s working but can’t see it impacts on Pagespeed, with ON or OFF, I don’t see any changes in the number of .JS or .CSS file under render blocking .

Does it work only for the internal .js and .css files , not for the external one?

A look at the current Pagespeed score: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftomatoheart.com%2Fmanisha-choraria%2Fkids-manage-finance%2F&tab=desktop

Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://tomatoheart.com/wp-includes/js/jquery/jquery.js
https://tomatoheart.com/…cebook-login/public/js/facebook-login.js
https://tomatoheart.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
https://tomatoheart.com/wp-content/plugins/akismet/_inc/form.js
Optimize CSS Delivery of the following:
https://tomatoheart.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1
https://fonts.googleapis.com/…italic,700,900,500italic,400,300&ver=7.3
https://tomatoheart.com/…r/assets/css/js_composer.min.css?ver=7.3
https://tomatoheart.com/…ntent/themes/Newspaper/style.css?ver=7.3

You can notice that all are internal .js or .css files related to either a theme or plugin. Why can’t it move theme related .js and .css files? what about googleAPIs and external plugins like Facebook login and YTsubscribe plugin ? Is Speedbooster unable to render it?

How can I check that what .j and .css files , speedbooster is succesfully moving?

You may want to answer these things, whenver you have time. Thank you very much.

• This reply was modified 9 years by Nano.

And we detect the problem. The mod_pagespeed module installed on our server caused the problem. We changed some parameters that refer enhancements load and run JS (pagespeed_js_minify).

Reference: https://developers.google.com/speed/pagespeed/module/build_mod_pagespeed_from_source#js-minify

Thank you!

Oops! I get it now. Thank you Chris and nairolf 🙂
Any suggestions for real Lazy load options or plugins ?

Any suggestions on why Tag div booster uanble to remove render blocking and other related issue when I have already applied it for all the plugins? It’s still showing these many files under render blocking thing under Pagespeed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftomatoheart.com%2F&tab=desktop


#Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://domain.com/wp-includes/js/jquery/jquery.js
https://domain.com/…cebook-login/public/js/facebook-login.js
https://domian.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
#Optimize CSS Delivery of the following:
https://domain.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1


Anywork around? At least for Google APIS and jquery.js which ware not fired by plugin but by theme and speedbooster must take care of theset two.

Also,
Yesterday I cam to know about this amazing plugin which can set “Leverage browser caching” for external .js files too which are not yet effective by “expiry rules” that we set under .htaccess. the plugin is Complete Analytics Optimization Suite (CAOS)

Have any of you used it? Anything to say on this or if you have any alternative for this ( with or wothout plugin ) ?
Thank you.

• This reply was modified 9 years by Nano.