- TutorialsWhat is Ajax preloading?
Hi American,
Please notice that the speed of your website depends on how well your site is optimized. Please notice that this is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Please notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services is not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/
Hope this helps!
Thanks for your understanding!
See the link to docs right side of page ? Go to “tutorials” > “pagespeed guide”
I’ve tried the stuff here. The gzip thing is schizo. I do a gzip test and it says “working”, but then I do a speed test and it says “needs compression”. Installed the wp cache plugin, etc. Tried most of the stuff here – https://forum.tagdiv.com/how-to-make-the-site-faster/, not much improvement. Anything else to try that is unique to this theme? Faster homepages? I’m using the sport demo and even cut down a lot of the content. We’re talking really slow. 8 seconds to load. Thanks!
Thanks, used css, I have a couple more questions:
1 the widget titles are not showing are white like the background
http://www.princefaster.it/wp-content/uploads/2016/09/text.jpg
2 on mobile footer how can i remove the about us and follow us text
http://www.princefaster.it/wp-content/uploads/2016/09/Screenshot_2016-09-15-21-49-13.jpeg
thanks for help
Great, thanks for your time with that info. The files that are actually modified is really key for me.
I actually updated without realising that it would revert all my changes as I have made a lot of modifications. So I am going through changing everything all over again (but faster to do this time). Lots of things are broken on my site as a result of the patch, including the log in process for example.
However, my site is not live yet (i have a deadline for this weekend) as I have been working on it for the past couple of week. I estimate that by updating my theme with this patch, I have added about 4-6 hours of work to reconfigure my own changes, as I didn’t note down what I did previously. This is a good learning experience for me for updating the theme in the future when the site is live.
Hi, Catalin thanks for answering, url is this one but now is hidden cause i’m working on this new theme and is all messed up http://www.princefaster.it/
these are two screens of header
first one is current site
http://www.princefaster.it/wp-content/uploads/2016/09/faster_no.jpg
second one is what I think it shouldd be
http://www.princefaster.it/wp-content/uploads/2016/09/faster_ok.jpg
I’m using the home page with pagebuilder + latest articles, i would like to know also how to have the latest articles on top, now there is old material showing first
thanks
Hi everyone,
I’ve been trying to speed up my website as it scores poorly on GTMetrix and the other testing sites. They all recommend I optimize images even after I’ve already done so because the scan tools are finding the image names altered from what I uploaded.
To try and make things faster, I have edited images to the exact sizes I wish them to display. So every image is “full size.” Yet GTMetrix scans show the page loads with image filenames with characters after the “.jpg”. For example, a natively 600px image “/uploads/09/09/image-1.jpg” becomes “/uploads/09/09/image-1.jpg?w=600” once I upload it to the server. The added question mark and characters seems to trigger the “you need to optimize this image” flag on GTMetrix, even though the original file was optimized.
Can anyone recommend how I can stop “?w=600” from automatically getting added to the end of filenames once I upload? Can I have the filename be exactly what I type?
Thanks!
Hey Chris,
Gracious !!!
Thank you for the detailed explanatory reply. As far this system status ( https://snag.gy/P2ApmR.jpg) to be believed , my host run on Apache server and hence the HTACCESS codes written by you under this thread should be valid.
As per recommendation, I started my HTACCESS file with :
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
and then I added following code after default rewrite codes of WordPress:
AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 seconds"
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tomatoheart.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
The last code is to prevent hotlinking. Now as far I can read understand from your comment , the above written codes must have taken care of the required gzip/deflate settings through HTACCESS and should add up to 20 points to my score , but it didn’t happen 🙁
I still have these settings under htaccess and have also modified functions.php but the icrement in Pagespeed is only 2-4 points. On other side, I do feel my backend and homepage little faster while using after adding all these things. But there is no such impact on GTMAtrx score.
As you have mentioned :
Enable compression for the following resources to reduce their transfer size by 424.8KiB (79% reduction).
When I have already configured HTACCESS to compress it, why is it still showing there? AM I doing something wrong?
About Image optimisation thing, I use “Insanity plugin” to reduce file size while uploading the image and”optimus plugin” to compress it. the JPEG compression is set to 70 because I am worried to set it to 50 ( as recommended by you) because of the need of image quality. Since I am doing various changes, I will force regernerate and optimise images once I finalise all design aspect of my site.
Though I also tried checking GTMatrix points for my post page ( https://gtmetrix.com/reports/tomatoheart.com/vW3rCLXw ) , but it’s even worst than the homepage ( PAGESPEED SCORE: 53, YSLOW: 51)
about your second reply ( server side optimisation) , Being fron a non-programmer background, I will copy this comment and send it to my hosting provider to ask if they need to do anything.
Do you think there is something you can comment on my current situation.
Thank you.
-
This reply was modified 9 years by
Nano.
HI
We covered in our documentation most important aspects google notifies you about in page-speed regard: https://forum.tagdiv.com/how-to-make-the-site-faster/ According to google’s report you can reduce the load time by enabling compression for static resources. Fore more details please check these links: https://developers.google.com/speed/docs/insights/EnableCompression – https://gtmetrix.com/enable-gzip-compression.html – https://gtmetrix.com/leverage-browser-caching.html
To remove render blocking resources you can use our Speed Booster plugin as we indicated in our documentation at pint 5. Fore more details about page-speed please also check these topics: https://forum.tagdiv.com/topic/site-slow-down-caused-by-style-css/ – https://forum.tagdiv.com/topic/speed-is-slow-after-updating/ –
Note that you will need a bit of codeing and some customizations in order to achieve a good score for your site. We can’t offer speed customization services at the moment, most we can do is to point a way of improving. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hello,
Unfortunately we cannot do it for you as we have no customization department. We can point you in the right direction though: https://forum.tagdiv.com/how-to-make-the-site-faster/
As a note on the speedbooster plugin: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!
Hi,
This is the property of css code it is applied in cascade. So the default css is loaded first then it is applied the custom one(I refer here also to the Theme Panel options like menu background). To avoid this delay you will need to add your custom color for the menu in the stylesheet file.
Also you could try to improve your loading speed – https://forum.tagdiv.com/how-to-make-the-site-faster/ and use a cache plugin – https://forum.tagdiv.com/cache-plugin-install-and-configure/ it may help and this delay should not be so visible.
Thanks!
Hello nano2408,
Please notice that the mobile theme has been specially created for to be more fast and clear. Please keep in mind that the desktop version can not reach the speed of mobile as it is loaded much more items compared to the mobile version and also, it is more complex that mobile version. Anyway, the theme is to a constant changing and we will always make changes and improvements for better results. Also, if you want to increase the page speed loading for your desktop, you should try to read our documentation here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ Please notice that this tutorial are addressed to the advanced users and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you.
Thanks.
Salutare,
Cred ca ai facut ceva gresit in implementare. Ti=-am atasat intr-un pastebin ambele fisiere ce trebe modificate:
1: td_module_single_base: http://pastebin.com/zBn7pbQT
2: td_set_post_settings: http://pastebin.com/tRaUdmny
Am verificat acum si site-ul tau si se pare ca
1) numele autorului este vizibil
2) tema mobile functioneaza corespunzator
3) Problema cu meniul mobil vine de la viteza de incarcare a paginii. Poti urma aces guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Multumesc.
Hello ivpt,
These kinds of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css file. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and on the first time, the theme load the styles from this file and then the theme load your custom styles.
The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.
Hope this helps and let us know how it goes!
Thank you for the message!
Sure Andrei, we have just started it, looking forward get help on making our website run faster and also identifying the right kind of plugins. We will ask those as we proceed.
Also what would you suggest as good hosting providers for shared hosting to start with? As we grow we will surely look into AWS etc. but no for now.
Thanks for your time.
I mean referring to that step 5.2
Yes. I’m trying to do more than that speed booster. I’m trying to do this step 5.2
Hi
I’ve checked your site and noticed that you have a very strong cache which may affect page’s content. The cache may come from from your server so try to contact you host provider and ask him if there is an cache on the server. The cache it’s very tricky, even if you deactivated the cache plugin some pages may still be delivered from cache. Try to enable WP Super Cache again and delete the cache a few times then test the site again. Note that WP Super cache is not fully compatible with V 4.6 of wordpress but you can use the fix from this topic as a temporary solution: https://forum.tagdiv.com/topic/mobile-theme-does-not-work-properly/
There is a big difference between mobile theme and the responsive theme. Basically the mobile theme load a simpler version of the page, fewer resources are requested and the page load faster. There is no support for shortcodes in mobile theme and when the server prepare the html it’s skipped a lot of php code from Visual Composer, the queries made to the database are fewer and the response time is smaller. Also page size is smaller on mobile when mobile theme plugin is active.
However the difference may be negligible if the site is not properly optimized. Our theme was developed to be fast but to hit a good score may be needed additional customization.
Check this topic for more details in page speed regard: https://forum.tagdiv.com/topic/website-memory-problem/ The thread is from Newsmag theme but the same applies for Newspaper.
For more details about mobile theme and how it work check this link: https://forum.tagdiv.com/the-mobile-theme/ Basically the mobile theme works like this:
– on homepage displays three posts from featured category fallowed by latest article list.
– on other pages displays only the content from mobile editor.
When mobile theme is deactivated you will have the same content displayed on any device, there is no need and additional setup for the page.
I hope this helps.
Thanks!
Andrei L tagDiv!
Thank you for the response and clear instructions .
Few things-
As of now I have 25+ plugins installed under the wordpress while as I can see in the screenshot http://screencast.com/t/RZLIOPUNdqh , there are almost 10 plugins whitelisted under TDbooster.
Does it mean that having any other plugins other than these 10 plugins will automatically disable the TDbooster even if it is activated under the plugin dashboard. Right?
But then on my “system status “dashboard ( see here : https://i.imgur.com/rpcyRvM.jpg ) why it’s showing only one incompatible plugins even though there are 15+ plugins which are activated but not whitelisted under the tdbooster plugin? Or is it because under the “system status” it can only show one name, no matter even if other plugins are also causing compatibility ?
Now about the workaround solution:
1. Can I whitelist the incompatible plugins ( in this case the one plugin name “adminise” shown under system status ) If yes then what code should I write there under the TDbooster .php file.
2. The second method you said is to remove ( or commenting out) the code which causes the restrictions on incompatible plugins and hence I should remove the codes shown here http://screencast.com/t/RZLIOPUNdqh .
Right?
And you somehow missed to respond on the point no-5 in my previous comment where I tried to detect the JS/CSS files but couldn’t achieve the desired result. I am copying the same question here again:
5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )
but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )
But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.
Please take your time and help me to achieve greater speed and performance of my site. I am worried because just few days back under my old themes, I used to have 97 Pagespeed score and 90 Yslow scores but currently it’s too bad 🙁 ( Have a look at my speed scores on 20th august 2016 snapshots: https://i.imgur.com/JbnKtAO.png )
Thank you.
Hello,
In order to improve your page ;loading speed please use this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
As a note on speedbooster: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!
Hi
The theme has been developed to be fast but it may still need configurations on this matters so test your site using google’s page speed insights testing tool(or gtmetrix) and make sure you follow the guide instructions and methods then test your site again.
I’ve tested your site using google page speed and noticed that your server response time is very slow. According to google report it takes more then 5 seconds until the server deliver the requested data: http://screencast.com/t/taHVTK3OB Make sure that the server meets theme’s requirements: https://forum.tagdiv.com/newsmag-requirements-for-newsmag/ and also check if the parameters from system status have the values indicated here: https://forum.tagdiv.com/system-status-parameters-guide/
Also try deactivate all plugins except Visual Composer, clear all caches then test your site page-speed again. In terms of speed we have made a page speed guide and covered the most important aspects that google notifies you of (image optimization, js/css render blocking and more..) and based on which it classifies and grades your site regarding speed. You can find it here: https://forum.tagdiv.com/how-to-make-the-site-faster/
If you decide to use the speed booster keep in mind that is an optional plugin and it was designed to work only with tested plugins – http://screencast.com/t/FXXDNtqfz in case you use other plugins it will be automatically disabled, so please check System Status – http://screencast.com/t/9SmVSXqe To make it work with other plugins you will have to alter the code and remove/comment this – http://screencast.com/t/RZLIOPUNdqh Also you may find some useful information here: https://forum.tagdiv.com/topic/website-memory-problem/ – https://forum.tagdiv.com/topic/speed-booster-and-akismet/
Thanks!
Hi, Since I am aware of CSS and JS files so I tried to use advance optimisation methods using Speed booster plugin. Here are few things that I want to know.
1. There are two versions of “important notice” I read under various threads about this speed booster plugin:
A : Important note: SpeedBooster will not work with all plugins. It has a compatibility function in it’s code and will deactivate itself if an incompatible plugin is detected.
B: We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed.
I mean, what’s the ultimate truth? Will the speed booster get disabled with any new plugin installed and activated under “plugin” section or it first checks some compatibility and if it finds itself not compatible, it disconnects itself?
2. What does it mean by “deactivate automatically” ? Does it mean that under plugin section, I will Speed booster plugin as “deactivated but installed plugin” or it will still show activated here but will stop working internally ( internal deactivation) even if it shows active here? ( Image here: https://i.imgur.com/h4vpHSm.jpg )
3. Suppose I find it deactivated and then after installing 2-3 new plugin, I manually activate it again , what will happen now? What JS and CSS files it will move to footer? Will it automatically sends every new JS and CSS files added to footer or Will it send only those files, whose plugins are defined under whitelist.
If the later one is true then I don’t think Speedbooster can break site automatically since it’s not adding new JS/CSS files automatically to footer, hence there should be no issue in using it atleast for moving few known JS, CSS files. Right?
4. How to whitelist new plugins to use it under this speedbooster plugin?
5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )
but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )
But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.
Why is it happening and what should I do to avoid this and remove the render blockings?
Please help. Thank you.
OHello guys,
A new model of pages was created recently, AMP and FBIA, removing most of the data of a page leaving it much simpler and lighter. This will work for posts of texts.
I’m using the AMP plugin from Automattic (https://wordpress.org/plugins/amp/) to create the pages AMP, along with the Glue plugin for Yoast SEO & AMP (https://wordpress.org/plugins/glue-for-yoast-seo-amp/), nd the plugin Facebook Instant Articles & AMP Google Pages by PageFrog (https://wordpress.org/plugins/pagefrog/) to customize and create posts in FBIA.
But none of these plugin carry the social buttons, and neither the embeds videos from Youtube.
Even though pages faster, causing the ranking of my website in Google search results, I believe that on the one hand you have a greatly increased traffic on pages AMPs, but visitors will not be able to share and disseminate the posts.
Another problem is with embed video from Youtube. The theme has how to create posts with videos on top (e.g. http://proddigital.com.br/play/esportes-fitness/q48/peso-ideal-qual-meu-peso-ideal/), but when accessing via AMP (ex.: http://proddigital.com.br/play/esportes-fitness/q48/peso-ideal-qual-meu-peso-ideal/amp/) appears only the highlighted image. This will cause that didn’t have a quick page logic, consequently more visits being that none of these visitors will be able to see the videos.
So I was wondering of you, there’s nothing to do on the subject to the possibility of social buttons being converted into AMP and FBIA? And also in the case of Youtube videos, I saw in the project amp (https://www.ampproject.org/pt_br/docs/guides/amp_replacements.html#include-a-video) that the version amp accept iframe (iframe-amp) which is the format used to call the Youtube video. But to work, you have to put a script on the page <head> amp.
I tried to put this script in the <head> in the subject, and he appears only on the original page, but not on the page.
Is there anything that can be done on the subject?
I appreciate.
Rodrigo Carlos
Hello,
This is how that part looks commented: http://screencast.com/t/pitB5GxR1h or you can simply delete that part starting from under function __construct() { all the way down to the second secolon but do not delete the add_action below.
After this you can use it with your own plugins and you can use this guide to find the ID’s for the css and js and add them to the proper code inside the speedbooster plugin: https://forum.tagdiv.com/how-to-make-the-site-faster/
However this is for advanced users so you have to be carefu lwith the code where you place it and how. Please do it exactly as the guide suggests.
Thank you!
Hello nateb2127,
Please notice that the speed of your website depends on how well your site is optimized. Please notice that this is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Please notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services is not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/
Hope this helps!
Thanks for your understanding!