About page speed performance and minify

Posted in: Newspaper
Post count: 83

Hello

I have passed PageSpeed Insight and I have two main problems to solve.

The first one is that I have to remove Javascript which is blocking the display and CSS content from upper half page. The other one is that I must reduce server time.

I have already compressed to gzip and solve the problem of specifying brower cache editing .htacess file. I have noticed that score has raised to 64 and 84, on mobile and desktop respectively, but this score is not enough good. I would like to know how I could solve this problem

On the other hand, I would like to know how I could minify Javascript, HTML, and CSS and if you would recommend to me. I have seen on test that there are some theme files which are involved.

Thanks

Post count: 23312

Hello Albert,

Unfortunately to make a website run faster you will need to have at least basic knowledge not necessarily ‘tech savvy’
You will need to follow this tutorial on page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/ Gzip compression needs to be active and also read about how you can compress the images. I suggest getting someone to help you if you cannot manage.
Also please make sure that Speed Booster is active, check System Status for this – http://screencast.com/t/LDPniI0Qpv The plugin is tested only with these plugins – http://screencast.com/t/hcjLnOqh4i2 and if you have others active it will be automatically disabled.
In order to use the tag div speed booster with all plugins, you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh

There are a lot of topics open on this subject and there are a number of things you can do to make your site faster:
You can also read what some of our members found out: https://forum.tagdiv.com/topic/pagespeed/ -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

Hope this helps and let us know how it goes!

Thank you for the message!

Post count: 83

Hello Catalin

I am going to get information from all these links you have provided me. I had seen some of them, but not others.

I will let you know if I can solve my speed performance and how it goes.

Thanks for these information.

Post count: 14

Hi Catalin

When I go into the Newspaper System Status, Speed Booster is NOT shown anywhere – do I have to download it as a separate plugin?

Best regards

Mark

Post count: 7909

Hi,

The Speed Booster plugin is an optional plugin provided with the theme, you can find it in the /plugins folder from package that you download from themeforest – https://forum.tagdiv.com/whats-included/

Thanks!

Post count: 68

I’ve noticed that when using speed booster, the site seems to load CSS last or something and the site looks very ugly for a brief moment. For instance, all of the H tags do not have their font applied until later and they show very strangely which does not look right.

Anyone else see this?

Edit: I’ve tried again recently and this does not seem to happen as prominently. Will continue to test…

  • This reply was modified 10 years by TheRiz.
Post count: 83

Hello

It occurs exactly the same to me. I have installed Speed Booster, I had to remove the files that tutorial explains in order to work perfectly, because there was a plugin incompatibility.

I noticed that something was going wrong. I have to say that page speed score was improved but I had to remove because the site doesn´t look very well with these effects.

I would like to know the reason to these issues, because I´d like to install it in order to improve the speed.

Thanks

Post count: 23312

Hello

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!

Post count: 83

Hello

Ok, I understand. In my case, I have some custom modification on the website, so that´s the reason to this loading delay.

Where I must put the CSS modfication in style.css file? I don´t know exactly the place to put it.

Thanks

Post count: 23312

Hello Albert,

By default, your Custom CSS modification will be put on the bottom of the style.css file.
You have to check the whole style.css and find out where exactly is the original code in this file and replace manually in that place with your custom CSS code. Please notice that it is not a simple task and is you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Hope this helps!

Thank you for the message!

Post count: 83

Hello Catalin

Ok, I understand. I will try to find out where is this piece of code and then replace it carefully. I suppose that I must remove my custom CSS modification on theme panel, is it correct?

Thanks

Post count: 10

I have edited the td-speedbooster.php file as indicated, since I use other plugins besides the approved ones, but the System Status page on the theme still says “v4.2 – Disabled – incompatible plugin detected”

Is that notification supposed to go away once the PHP file has been edited?

Thanks!
Greg

Post count: 23312

Hello @Albert, before you change the root parameters for your fonts, you have to remove your custom modification from your Custom CSS area to avoid the code duplication.


@gstern
, our Speed Booster plugin has been designed to work properly with some tested plugins, as you can see in this screenshot -> http://screencast.com/t/ojSRErqBEI8 Please note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow moving their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/

Hope this helps!

Thank you for the message!

Post count: 83

Hello

I added this code to Custom CSS in order to change the title size on mobile, block 18:

@media(max-width:767px){
.td_block_18 .td_module_mx8 .td-module-title a{
font-size:20px!important;
}

I have been looking for in style.css, and I have seen this piece of code related to block 18:

Block 18
*/
.td_block_18 .td-block-span12 {
width: 100%;
}
.td_block_18 .td_module_mx8 .td-module-thumb {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .td-module-thumb {
margin-bottom: 20px;
}
}
.td_block_18 .td_module_mx8 .entry-title {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .entry-title {
font-size: 18px;
line-height: 24px;
}
}
.td_block_18 .td_module_mx8 .td-module-meta-info {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td_block_18 .td_module_mx8 .td-module-meta-info {
padding: 0 14px;
}

I can´t see exactly the same code to replace here, where I should put the custom CSS?

Thanks

Post count: 23312

Hello Albert,

Please try to add this Custom CSS below of this piece of code that you found as related to block 18 and check the results.

Hope this helps!

Thank you for the message!

Post count: 83

Hello

I have put the Custom CSS below this piece of code in style.css and it works. But, when I have installed Speed Booster many things on the website have changed. The issue that I mentioned before still happens and many other things like some blocks out of place, footer and breadcrumbs don´t fix correctly.

I have to say that I have removed the piece of code mentioned on tutorials (step 5.1), I don´t know if I have to do any other thing. I have seen on tutorial that there is a 5.2 step, which I haven´t done. Could be that the problem?

Thanks

Post count: 23312

Hello Albert,

Unfortunately, as you can see in our documentation, in this section, these kinds of customizations for Speed Booster are only for advanced users, sorry! -> http://screencast.com/t/dvYwoLXBx

If you are not aware with the steps in this regard, please consider hiring a freelancer/developer to help you in this case because we cannot provide custom services at the moment, sorry again! Please notice our Speed Booster is an optional plugin and it is not necessary to use it to rule the theme. In order to achieve the best result using this, you need to have some knowledge and experience in this regard.

Thank you for the message and for your understanding!

Post count: 83

Hello

Ok, I understand. I will try to solve the problem hiring a developer or learning more about this topic.

Thanks

Post count: 225

15 Easy Ways To Speed Up WordPress: Speed Up WordPress

Post count: 83

Hello

Ok, I will try to use some of them.

Thanks

Viewing 20 posts - 1 through 20 (of 20 total)
You must be logged in to reply to this topic.