Efects on my site
-
Hello People,
I was looking for a plugin like this, to improve the speed of site!
Thanks by the creation!
I have installed, but didn´t work well… it stopped to show the effects of the site…
If you could take a look: http://www.obrasdarte.com
Thanks and Regards,
Tony
-
another question:
it would be possible to choose in a previous list what to async?
sorry, i´m very new to all this…
Hi,
at this moment I can’t see your site because of Internal Server Error.
But I think that it is possible that the js file used by theme to create all effects has no nesessary requirement indicated (like jQuery or so) – it is happened to me – I forgot to put the third parameter to wp_enqueue_script function call.Hi elCHAVALdelaWEB,
Thanks by the reply!
I don´t know if it is useful, but take a look at the link please:
http://www.prelovac.com/vladimir/best-practice-for-adding-javascript-code-to-wordpress-pluginThanks and Regards,
Tony
Thank you for that link – my plugin is using those hooks to detect scripts and make them non render-blocking.
By the way – just have released new version with some options – you can try to make it work on your site combining them.
As soon as possible I’ll try to add Include/Exclude option.Hi Tony,
I just have published a new version of plugin with an option to exclude some scripts from processing and leave them loading in render-blocking way.
Also I just looked on Google Insights reports about your site an my advice to you is to include browser cache settings to your main .htaccess file. Something like this should make much better your scores and page loading speed:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/gif "modification plus 6 month" ExpiresByType image/jpeg "modification plus 6 month" ExpiresByType image/png "modification plus 6 month" ExpiresByType application/javascript "modification plus 1 month" ExpiresByType text/css "modification plus 1 month" </IfModule>Hello elCHAVALdelaWEB,
Thanks man!
About the module expires, thank you very much!!
I put your code and got a better result at pagespeed at the moment.
I was using this code below, that i took from a site.
<IfModule mod_expires.c>
ExpiresActive ON
<FilesMatch “\.(gif|jpeg|jpg|png|ico|js|css|swf)$”>
ExpiresDefault “access plus 4320 hours”
</FilesMatch>
</IfModule>but the results were better with yours! but something still happening, at the moment of test, the leverage browser caching stays with just 4 or 5 files, but after some time, it shows again a big list, telling the same message… that i can get better results using the browser cache…
About the changes in plugin, i´m getting the same result, as you can see here: http://clip2net.com/s/5QPMSu
I put the .js to render block way:
html5.js
selectivizr-min.js
jquery.min.js
tie-scripts.js
jquery-ui.min.jsIt doesn´t load the java resources even excluding the files from the settings…
Thanks man!!
Tony
Hi,
Glad to help you with leverage browser caching !Now about the plugin. Try to disable “Detect <script> tags in wp_head” and “Detect <script> tags in wp_footer” and set an exception list like this:
html5.js
selectivizr-min.js
jquery.min.jsI think setting it like this, everithing shoud work. It looks like the main problem is the “Detect <script> tags in wp_head” option.
And if there are still some problems, please post error messages shown in the console of a Developer Tool of Chrome Browser or Firebug in Firefox.
Good luck !
And one more thing about leverage browser caching – it looks like your server returns strange MIME type of .jpg files – “image/webp”, so add it to caching configuration in your .htaccess:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/gif "modification plus 6 month" ExpiresByType image/jpeg "modification plus 6 month" ExpiresByType image/webp "modification plus 6 month" ExpiresByType image/png "modification plus 6 month" ExpiresByType application/javascript "modification plus 1 month" ExpiresByType text/css "modification plus 1 month" </IfModule>Hello elCHAVALdelaWEB!!!
Man, Thank you very much!!!! 🙂
The website is very fast and working correctly. I did what you said to do in settings!
Congratulations by this wonderful job!!
I´m here if you need to test something.
Thanks and Regards,
Tony
————————————————————
Just to show you, at the console of Chrome Developer Tool:
Blocked a frame with origin “http://googleads.g.doubleclick.net” from accessing a frame with origin “http://www.obrasdarte.com”. Protocols, domains, and ports must match.
Blocked a frame with origin “http://cas.ny.us.criteo.com” from accessing a frame with origin “http://www.obrasdarte.com”. Protocols, domains, and ports must match.
Denying load of chrome-extension://bjgfdlplhmndoonmofmflcbiohgbkifn/js/lib/jquery-2.0.2.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. http://www.obrasdarte.com/:1
Denying load of chrome-extension://bjgfdlplhmndoonmofmflcbiohgbkifn/js/lib/backbone-min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. http://www.obrasdarte.com/:1
GET chrome-extension://invalid/ http://www.obrasdarte.com/:1
GET chrome-extension://invalid/ http://www.obrasdarte.com/:1
Blocked a frame with origin “http://cas.ny.us.criteo.com” from accessing a frame with origin “http://www.obrasdarte.com”. Protocols, domains, and ports must match.
14
Blocked a frame with origin “http://googleads.g.doubleclick.net” from accessing a frame with origin “http://www.obrasdarte.com”. Protocols, domains, and ports must match. expansion_embed.js:81
ne expansion_embed.js:81
(anonymous function) expansion_embed.js:4
8
Blocked a frame with origin “http://googleads.g.doubleclick.net” from accessing a frame with origin “http://www.obrasdarte.com”. Protocols, domains, and ports must match. expansion_embed.js:81
ne expansion_embed.js:81
(anonymous function) expansion_embed.js:4
GET http://www.obrasdarte.com/deferredfunctions.js 404 (Not Found) http://www.obrasdarte.com/:46I’m really glad that it works for you !
All warnings of the console looks normal with an exception of this one GET http://www.obrasdarte.com/deferredfunctions.js 404 (Not Found), but if looks like there no such file on server.
There still one more thing you can try to make better a leverage browser caching – change this:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/gif "modification plus 6 month" ExpiresByType image/jpeg "modification plus 6 month" ExpiresByType image/webp "modification plus 6 month" ExpiresByType image/png "modification plus 6 month" ExpiresByType application/javascript "modification plus 1 month" ExpiresByType text/css "modification plus 1 month" </IfModule>by this:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/gif "access plus 6 month" ExpiresByType image/jpeg "access plus 6 month" ExpiresByType image/webp "access plus 6 month" ExpiresByType image/png "access plus 6 month" ExpiresByType application/javascript "modification plus 1 month" ExpiresByType text/css "modification plus 1 month" </IfModule>It will set caching timeout for images to 6 month since last access, in place of modification time.
And why don’t you try a “Load CSS asynchronously” option with “(default)Inserting all CSS styles inline into the document” setting. And possibly adding your theme main css to exceptions: jarida/style.css
Please, update the plugin – option to exclude .css files was a little broken.
Hi elCHAVALdelaWEB! 🙂
About the deferredfunctions.js, last week i saw this advice by pagespeed, so i put this code at the field “add in <head> tag”, of the theme jarida options. The image: (http://clip2net.com/s/5RBldp)
At this moment, i created a file deferredfunctions.js with this code and put at http://www.obrasdarte.com , and at the Developer Tool, that message disappeared, but in articles (like http://www.obrasdarte.com/intenso), the message returns.. so i think this is working just for the principal page…
About the leverage browser caching, i made the changes that you said, and i don´t know if i´m very impressed with the speed, but it look likes that even getting better! 🙂
The actual settings for Async JS and CSS: (http://clip2net.com/s/5RAd9X). There is something i need to ask you, i noted that for the moment the JQuery Lightbox is not working, when a photo is clicked, the photo is not opened by lightbox…
CSS is loading asynchronously with the settings that you said! 🙂
I´m here man!! Thank you !!
Regards,
Tony
Good to hear!
Now you have 87 point on pingdom and 71/87 on Insights I don’t think you can do something more to make it to load faster. Majority of problems are external to your site (Google Ads and Google user content, etc.)
Last thing you can try is to update the plugin and to try “Inserting all CSS styles inline into the document HEADER” option removing jarida/style.css from exceptions list. (with that option it will be included in header avoiding page flickering at beginning).Talking about the lightbox problem, I think it’s the same as Colorbox has – in their main .js file some functions are used BEFORE (phisically in file) they are defined. The solution would be to put jQuery(document).ready({….}) part at the end of file. But also you can just add their file to the exceptions list. Just add
wp-jquery-lightbox
and possibly if there still some problems with light box also:
wp-jquery-lightbox-swipeHi elCHAVALdelaWEB,
Thanks by the advices!
I have updated the plugin, and had put the settings you said.
That´s interesting you commented about this page flickering, i took a picture, could you confirm if is this?: http://clip2net.com/s/5RHiIg
About the deferredfunctions.js, i take out the file and the function from the head theme´s option.. what do you think, is better with or without it?
The actual config: http://clip2net.com/s/5RHsLr
wp-jquery-lightbox is not working yet.
Regards, Tony
Ok, I can see that “Inserting all CSS styles inline into the document HEADER” option has not applied, there was a little bug. Now it’s fixed. Try to update the plugin.
- The topic ‘Efects on my site’ is closed to new replies.
