Search Results for 'optimize'

    No search results were found in Documentation!

Results from the Forum
Bettina
tagDiv Staff

Hello!

Yes, unfortunately. Follow this guide: https://forum.tagdiv.com/autoptimize-install-configuration/

Thank you!

Calin
tagDiv Staff

Hi,
What I wanted to say is that there is no need to use the Lazy-load option in the theme, there are also cache and optimization plugins that have lazy-load options, for example:
Lazy Load by WP Rocket, A3 Lazy Load, EWWW Image Optimizer, Smush, Optimole, Lazy Loader, Lazy Load for Videos, Autoptimize.
The most used with our theme are Autoptimize, Smush and EWWW Image Optimizer.
Thank you!

Bettina
tagDiv Staff

Hello Gaurav!

We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.

Thank you!

Calin
tagDiv Staff

Hi,
This problem is the same when you are logged in?
If yes, then you’ll need to make a full backup for your website and update the theme to the last version.
In case the problem is not persisting when you are logged in, then it can be from some settings in the cache plugin or optimize plugin that is used.
Thank you!

Anamaria
tagDiv Staff

Hi,

There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

https://forum.tagdiv.com/cache-plugin-install-and-configure/
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/high-number-of-ajax-request/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://www.andraware.com/wp-rocket-for-newspaper-theme/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/cloudflare-cdn/
https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
https://forum.tagdiv.com/topic/sql-querys-high-cpu/
https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
https://underconstructionpage.com/optimize-wordpress-database/
https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/

If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray

To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Thank you!

Anamaria
tagDiv Staff

Hi,

There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

https://forum.tagdiv.com/cache-plugin-install-and-configure/
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/high-number-of-ajax-request/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://www.andraware.com/wp-rocket-for-newspaper-theme/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/cloudflare-cdn/
https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
https://forum.tagdiv.com/topic/sql-querys-high-cpu/
https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
https://underconstructionpage.com/optimize-wordpress-database/
https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/

If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray

To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Thank you!

Anamaria
tagDiv Staff

Hi,

There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

https://forum.tagdiv.com/cache-plugin-install-and-configure/
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/high-number-of-ajax-request/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://www.andraware.com/wp-rocket-for-newspaper-theme/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/cloudflare-cdn/
https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
https://forum.tagdiv.com/topic/sql-querys-high-cpu/
https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
https://underconstructionpage.com/optimize-wordpress-database/
https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/

If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray

To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Thank you!

Berbi
tagDiv Member

No image optimizer, just Performance Lab : https://make.wordpress.org/performance/. But I already tried to deactivate it, without successs.

Anamaria
tagDiv Staff

Hi,

Do you use a plugin to optimize the images?

Thank you!

Calin
tagDiv Staff

Hi,
I checked the site and what I could recommend would be to make a backup of the site and then update to the latest version of the theme.
Other suggestions, I saw that you have set images and banners on the site, and they did not specify the width and height – https://i.imgur.com/Pjsy8jx.pnghttps://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-d , most of the images do not have an alt – https://i.imgur.com/zcXQmMb.png, solving the problems with the images should also improve the performance of the site.
Also, for images you can use EWWW Image Optimizer, Smush, or Imagify.
Another suggestion would be to do a test with php v8.1 and see if it helps.
I hope these suggestions help you, and after you try them we can re-check the site and see what can be improved.
Thank you!

Anamaria
tagDiv Staff

Hi,

Please try to use cloud templates.
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

https://forum.tagdiv.com/cache-plugin-install-and-configure/
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/high-number-of-ajax-request/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://www.andraware.com/wp-rocket-for-newspaper-theme/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/cloudflare-cdn/
https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
https://forum.tagdiv.com/topic/sql-querys-high-cpu/
https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
https://underconstructionpage.com/optimize-wordpress-database/
https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/

If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray

To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Thank you!

Calin
tagDiv Staff

Hi,
Indeed, for the moment, no optimization is done on the view count element. It would be good to have an option for it to make the request only later or to be somehow optimized so that it does not consume so many resources.
For the moment, to solve this problem, the simplest “solution” is to delete the view count element from the single post template so that it is no longer used, and to see the number of hits on that post, you can use an analytics code.
Thank you!

Calin
tagDiv Staff

Hi chrisfoxatx,

1. For the size of the images you have, you have perfectly selected the thumbs to use – https://i.imgur.com/UM6OgFa.png They work like this after they are activated in the theme panel, these thumbs are created for each image that is loaded in the media, now the problem is with the ones that are already loaded, for these, you have to use a regeneration plugin that should resolve the problem with the retina resolution.
Normally when you select that thumb, for example, 696×0, the thumb with the size 696xauto and retina size will be used instead of the original image.

2. You should use the retina option for all 3 sizes of thumbs you use, this way you will get the best result on both windows and retina (don’t forget to regenerate the images if these options were not selected from the beginning, i.e. before adding the images to the media, and when regenerating select delete all thumbs and regenerate new ones).

3. When you edit the flex element with tagDiv Composer you have the option to select the size of the thumb, as a suggestion I recommended using a middle size because it cannot be adjusted per viewport, it can only be changed if you use the mobile page template.
Also, if the retina thumb is selected in the theme panel and the image has been regenerated, when you select, for example, the 696×0 thumb on windows, the retina thumb corresponding to the 696×0 thumb will be automatically used when a retina device is used.

4. Unfortunately here I can not suggest the best of all with the theme, but a plugin that is ok with the theme is EWWW Image Optimizer , but I have seen many users who also use Smush and Imagify.

I hope this will help you!
Thank you!

Anamaria
tagDiv Staff

Hi,

As you can see here there is no thumb https://i.imgur.com/tekvFb6.png, here is a thumb https://i.imgur.com/EpcLtSz.png I think that you have used the option to optimize the images, and that is why there is no thumb, you can try to regenerate, but the problem is caused by the settings from this plugin.
The object file will be generated automatically after, so you can delete it.

Thank you!

chrisfoxatx
Participant
#0

Highly optimized and clean responsive design theme gets me 84 on Google PageSpeed mobile, but Speed Index (4.7s) and LCP (3.6s) is not good.

I can’t get find a way to reduce the unused (theme?) CSS/Javascript (1.2s) so I’m trying to optimize these:

1) Defer offscreen images 0.35s on <div class=”td-menu-background” style=”visibility:hidden”>
This is the background menu/search image on the mobile viewport:

Lazy Load settings/plugins for some reason won’t defer it.
How to defer it?

2) Efficiently encode images 0.25s on <div class=”tdb-featured-image-bg”>
The featured image is shows full desktop size on the mobile viewport:

On a desktop I show the 1920×0 version, retina quality for devices that support it.
The mobile viewport is showing the same big size, not a smaller version.

How to fix this? Maintaining separate mobile/stale AMP templates is not cost-effective/productive for most of us.

chrisfoxatx
Participant
#0

Hi Team and Community,

I am utterly confused about the image sizes and best practices. I’ve read ALL of the documentation and links on TagDiv, so please don’t simply refer me to a broad link, as some things aren’t clear to us as customers.

I hope this thread will be useful to a lot of people struggling with this:

Site layout (max width):
– Row stretch up to 1400px

Home page:
– Headlines: 3 images in 3 columns , roughly 1400/3 so width 450px [900px on Retina]

Article page
– Featured image: width 1080px [2160px Retina]
– Sidebar (related): 3 images floated vertically, width 320px [640px on Retina]
– Bottom bar (popular): 4 images floated horizontally, so roughly 1400/4 = width 350px [700px on Retina]

I work on a Mac, and having good image quality is important, so images should be served as x2 resolution (Retina) on devices that support it.

Based on this I have selected these thumbnails in the Theme Settings:

a) Headlines (>450px) => 696×0 + Retina
b) Featured image (>1080px) => 1920×0 + Retina
c) Sidebar related (>320px) => 696×0 + Retina
d) Bottom bar popular (>350px) => 696×0 + Retina

I noticed some images were not sharp, and I briefly installed Jetpack Boost to check why that was.
It gave me warnings that the images shown on my Retina screen were not big enough.

All of the images that I upload are 1920px wide, so it has enough pixel data to work with.

We are using responsive design, not AMP because AMP almost completely removes recognizable branding and it’s a hassle to create 2 versions of each page, instead of a simple responsive layout.

So 4 questions:

1) What happens exactly when we select, for example, the thumbnail 696×0 + Retina?

In our case of a) Headlines, the image shown on the display should be 450px on old displays, and 900px on retina displays.

So should I select 696×0 or should I select a 1068×0 (bigger than the retina resolution)?

2) What about case d). I need at least 350px on old displays, and roughly 700px on retina displays.
696×0 is only 4 pixels short of 700px. What should I select? in TagDiv Composer as width, and should I for that resolution enable [] Retina as well or not in the Theme Panel?

These 2 questions are most important first. If we don’t know how resolution is handled by the theme, then all attempts to optimize the page for speed breaks down from there.

3) It seems that we cannot set different resolutions per device type in Flex Block. How can we make sure that smaller devices don’t load images that are 4x bigger?

4) I’ve been testing different plugins, with mixed results in terms of Google PageSpeed Index scores.
Which image optimization plugins have been tested and give the best results with NewsPaper theme, preferably that does all of what it needs to do in the background.

Any other suggestions that can be helpful?

Bettina
tagDiv Staff

Hello!

We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.

If you want to keep the mobile theme plugin, then you should choose the menu from here: https://prnt.sc/qOxOPNs-wZhj

Thank you!

Bettina
tagDiv Staff

Hello @danapradana49!

You should click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB and place the ads also in the mobile header.
We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.

Thank you!

Bettina
tagDiv Staff

Hello @rs_cwi !

We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.

Thank you!

Anamaria
tagDiv Staff

Hi,

The problem is caused by a plugin conflict, like autoptimize, please disable and clear the cache and check after.

Thank you!

Anamaria
tagDiv Staff

Hello,

Normally, the plugins should remain installed and active. Our plugins are not set up to deactivate themselves. Make a test and deactivate ALL plugins except tagDiv ones. If you are using a cache plugin, deactivate it and see if the problem goes away.
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

https://forum.tagdiv.com/cache-plugin-install-and-configure/
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/high-number-of-ajax-request/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://www.andraware.com/wp-rocket-for-newspaper-theme/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/cloudflare-cdn/
https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
https://forum.tagdiv.com/topic/sql-querys-high-cpu/
https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
https://underconstructionpage.com/optimize-wordpress-database/
https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/

If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray

To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Thank you!

Bettina
tagDiv Staff

Hello!

From what I can see, you have the Mobile Theme plugin installed and activated, so the mobile search cannot be deleted from Composer.
We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY

If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.

Thank you!

Bettina
tagDiv Staff

Hello @internath !

The tagdiv plugins I meant from above. Deactivate the Autoptimize also, clear all the cache and see the results.
If the issue is not solved after that, then you can add this CSS code in the Live CSS section:


.tdb-drop-down-search { width: 100vw!important;}

Thank you!

internath
tagDiv Member

Hi I don’t use cache plugin I use only Autoptimize Plugin. I have clear cache but Search form are not ok.
What’is plugin tagDiv ones ? I don’t have this … Only
tagDiv Cloud Library, tagDiv Composer, tagDiv Standard Pack, tagDiv Social Counter activate.

Thanks

Viewing 25 results - 676 through 700 (of 4,409 total)