Search Results for 'minify'

Results from the Forum
Bettina
tagDiv Staff

Hello!

You have a pretty good score on the desktop (92-100). You should increase your performance on mobile.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

Simion C.
tagDiv Staff

Sorry for the delay.

You may have a point about the footer lazyload. However, to know for sure I suggest doing it like this.

Activate the footer lazyload, then clear all the caching, also CSS and JS.

Using the URL inspection tool from Google test the homepage https://support.google.com/webmasters/answer/9012289?hl=en

Check what Google sees in the homepage, like this https://support.google.com/webmasters/answer/9012289?hl=en#view_screenshot or there should also be a “View crawled page” link to see the HTML.

If the footer content is there, then there is no problem.

In terms of CSS and JS settings, I see you are already minifying and combining the resources. But I don’t think the delay JS option is active https://prnt.sc/33MTHwnBWFFQ Were there issues after activating it perhaps? That setting helps a lot with the score, but can also break some things.

It usually takes some time to make the website as fast as possible. The best case scenario is to activate every possible optimization setting from the theme and from the litespeed plugin. This can result in visual or functionality issues. Then it is about tuning the options, excluding resources that break or depend on others, etc. It can take a lot of time and testing.

Thank you!

vanessazlobich
tagDiv Member

I only use 2
Fast Velocity Minify
and
CLoudflare

After I press save nothing happens in console… https://i.imgur.com/8vqvUti.jpeg

Anamaria
tagDiv Staff

Hello,

Please go to the theme panel -> block settings -> inline css and disable the option to minify the CSS, clear the cache and check after.

Thank you!

Bettina
tagDiv Staff

Hello!

We optimized the theme but not the demo content. We did not find it important because our clients don’t use the data from our demos, only the design that can be easily improved to the new rules of the page speed tools. If you do not use some plugins for optimization, you cannot fix it from any theme. You can check our changelog to see that we optimized the theme and added options to minify aggregate inline CSS and many options for delay. We optimized the composer to load only what’s needed and where it is needed. We also improve the font loading by introducing new options like global fonts to specify alternative font stacks for iOS and Android. We also specified that the support team does not cover page speed.
If you are disappointed with the latest update of the theme, using all the options for your website’s performance, then you can request a refund here: https://themeforest.net/refund_requests/new

Thank you!

Bettina
tagDiv Staff

Hello!

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I recommend you use fewer features on the page so there will also be fewer requests.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

Bettina
tagDiv Staff

Hello!

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I recommend you use fewer features on the page so there will also be fewer requests.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

Bettina
tagDiv Staff

Hello!

Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestions regarding the page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

mixalisandrou
tagDiv Member

It’s ok, I can do the coding if you point me to the correct files that I need to modify / minify.
The desktop breakpoint is extremely important for our website and if we can’t have it set at 1280 with this theme, unfortunately we will have to switch to elementor.
The stretch rows are a fine option but our problem is that we need different spacing and padding settings for larger screens and different for standard small screens and landscape tablets. To code all this is way more time consuming than just moving the breakpoint to the size we need.
Thank you for the support!

Bettina
tagDiv Staff

Hello!

We have a guide with some tips on why our Composer is not working properly; please check it here: https://forum.tagdiv.com/tagdiv-composer-not-working/.
Examine some other potential interfering factors: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/

Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestion regarding the page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

Bettina
tagDiv Staff

Hello!

Unfortunately, no.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestion regarding the core web vitals issue:
1. Optimize Your Images
Images are often the biggest contributors to slow page loading times. To improve Core Web Vitals, especially Largest Contentful Paint (LCP), follow these best practices:
-> Use WebP Format: Convert your images to the modern WebP format, which is smaller in size than JPEG/PNG.
-> Lazy Load Images: Delay the loading of images that are not immediately visible on the screen. WordPress has native lazy loading, but you can also use plugins like Lazy Load by WP Rocket.
-> Image Compression: Use plugins like Smush or Imagify to automatically compress your images.
2. Minimize JavaScript and CSS
Heavy JavaScript (JS) and CSS files can delay the First Input Delay (FID) and Cumulative Layout Shift (CLS). To reduce this impact:
-> Defer Non-Essential JS: Defer loading non-essential JavaScript files using plugins like WP Rocket or Perfmatters.
-> Minify CSS and JS: Use plugins like Autoptimize or W3 Total Cache to minify CSS and JS files, reducing their size and improving loading times.
-> Remove Unused CSS and JS: Some themes and plugins load unnecessary assets on every page. Use tools like Asset CleanUp or Perfmatters to disable scripts/styles on specific pages.
3. Use Server-Side Optimization
Sometimes the problem lies with the server. Consider these server-side improvements:
-> Upgrade Your Hosting Plan: If you are on shared hosting, upgrading to a more powerful hosting plan (like managed WordPress hosting) can reduce server response times.
-> Use PHP 8+: Ensure your WordPress site is running on PHP 8 or higher for better performance.

Thank you for understanding!

Bettina
tagDiv Staff

Hello!

LCP measures how quickly the largest content element (e.g., image, video, text block) becomes visible within the viewport. Improving LCP involves optimizing various aspects of your WordPress site. Here’s a step-by-step guide on how to enhance LCP:

1. Optimize Images
Images are often the largest elements on the page, and optimizing them can significantly improve LCP.

Compress Images: Use tools like Smush, Imagify, or EWWW Image Optimizer to compress images without sacrificing quality.
Use Correct Image Format: Convert images to modern formats like WebP for faster loading.
Lazy Load Images: Lazy loading delays the loading of images until they’re needed. WordPress 5.5 and later versions come with native lazy loading, or you can use plugins like Lazy Load by WP Rocket.
Serve Scaled Images: Ensure images are served in appropriate sizes based on the device.
2. Enable Caching
Caching improves LCP by reducing server response times and decreasing the amount of work needed to load a page.
Browser Caching: Ensure that static resources like CSS, JS, and images are cached in the browser to speed up repeated visits.
3. Minimize CSS and JavaScript
Reducing the size and loading time of CSS and JavaScript files can help improve LCP.
Minify CSS and JavaScript: Use a plugin like Autoptimize to minify CSS and JavaScript files.
Defer Non-Critical JavaScript: Delay the loading of non-critical JavaScript by deferring or async loading to avoid blocking rendering.
Remove Unused CSS: Eliminate unused CSS using WP Rocket’s CSS optimization feature or manual removal for unneeded stylesheets.
4. Use a Content Delivery Network (CDN)
A CDN helps improve LCP by serving your content from servers closest to the user, reducing latency.

Integrate a CDN: Use services like Cloudflare, StackPath, or KeyCDN to serve static resources, like images, CSS, and JavaScript, from a global network of servers.
5. Optimize Fonts
Custom fonts can significantly affect LCP if not optimized properly.

Preload Key Fonts: Use the preload directive in your HTML to load important fonts early.
Use System Fonts: Alternatively, switch to system fonts for faster font rendering.
Font Display Property: Use the font-display: swap; CSS property to ensure text is visible while web fonts load.
6. Reduce Server Response Times (TTFB)
A fast server response time (Time to First Byte, TTFB) is essential for a good LCP score.

Upgrade Hosting: Choose a high-performance hosting provider, especially one that specializes in WordPress, like Kinsta, WP Engine, or SiteGround.
Use Latest PHP Version: Ensure your WordPress site is running the latest version of PHP (8.x) for better performance.
Database Optimization: Regularly clean up and optimize your WordPress database using plugins like WP-Optimize or Advanced Database Cleaner.
7. Reduce Third-Party Scripts
External resources can slow down the page, affecting LCP.

Minimize Third-Party Embeds: Reduce or optimize third-party scripts, such as Google Analytics, social media embeds, and advertising.
Use Tag Manager: If you use multiple tracking scripts, implement them through Google Tag Manager to load them asynchronously and reduce load impact.
8. Prioritize Above-the-Fold Content
The content visible above the fold (i.e., before scrolling) should load quickly for a better LCP score.

Inline Critical CSS: Inline essential CSS directly into the HTML to prioritize above-the-fold content. Tools like Autoptimize or WP Rocket can help with this.
Avoid Heavy Above-the-Fold Elements: Avoid large images or videos that slow down the loading of the above-the-fold content.
9. Use Lazy Load for Iframes and Videos
Similar to image lazy loading, delay loading of iframes and videos until they are needed.

Lazy Load Iframes: Use plugins like Lazy Load for Videos or WP Rocket’s built-in lazy load feature to defer video loading.
10. Monitor with Performance Tools
Continuously track your site’s LCP performance to identify new bottlenecks or opportunities for improvement.

Google PageSpeed Insights: Run your site through Google PageSpeed Insights to get a detailed breakdown of LCP issues.
WebPageTest: Use WebPageTest for deeper insights into your page load times and specific areas affecting LCP.
GTmetrix: Another tool that provides useful performance data, including LCP metrics.
By implementing these optimizations, you should see a noticeable improvement in your WordPress site’s LCP, resulting in a faster, more user-friendly experience.

Thank you!

Bettina
tagDiv Staff

Hello!

You should optimize your website. I recommend you use fewer features on the page, so the requests will be less as well.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/

Thank you for understanding!

Bettina
tagDiv Staff

Hello!

I can see that the modal popup notification is loading first and then the image. I suggest to improve your page speed and images.
Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Our developers are aware of this issue and try to synthesize the composer, which is big, and fix the major problems of the theme and speed.
I recommend you use fewer features on the page, so the requests will be less as well.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

don_poky
Participant
#0

Hi,

I have developed a website on my local machine with the theme and now I have migrated on cloud, on a domain. After moving it online, the tagComposer is not working fine, it throws 900+ errors shown in console and i do not know what is that issue. I cannot attach the log file so sharing a snippet of it.

js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:99 Uncaught TypeError: Cannot read properties of undefined (reading 'contents')
at Object.setLiveIframeCss (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:99:159)
at Object.showHelper (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:94:482)
at HTMLDocument.<anonymous> (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:82:532)
at HTMLDocument.dispatch (load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-hooks,utils&ver=6.6.1:2:40035)
at v.handle (load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-hooks,utils&ver=6.6.1:2:38006)
setLiveIframeCss @ js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:99
showHelper @ js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:94
(anonymous) @ js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:82
dispatch @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-hooks,utils&ver=6.6.1:2
v.handle @ load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-hooks,utils&ver=6.6.1:2
js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:99 Uncaught TypeError: Cannot read properties of undefined (reading 'contents')
at Object.setLiveIframeCss (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:99:159)
at Object.showHelper (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:94:482)
at HTMLDocument.<anonymous> (js_files_for_wrapper.min.js?ver=72f925014dc5642945728092f057897e:82:532)
at HTMLDocument.dispatch (load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-hooks,utils&ver=6.6.1:2:40035)

I am not using any Cache or minify now (disabled to fix this).

Thanks.

simchris
Participant
#0

Hi, folks
thought I’d share the current simple hacks I do for the Newsmag 5x CSS file in the theme root; which must be done after each theme update manually.

STEP 1 FONTS:
convert all default and Google fonts to “browser native stack” – this sets the default fonts to the optimium use of browser/OS native fonts.

Search and replace both of these in CSS file:

font-family: sans-serif;

font-family: 'Open Sans', arial, sans-serif;

/ replace with:
font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Dejavu Sans",Oxygen-Sans,Ubuntu,Cantarell,Arial,arial,sans-serif;

Save copy, rename as style-fontmod.css for backup.

STEP 2 – MINIFY CSS:

Next, copy all the text in the doc and place into a CSS minifier; I use this one from TopTal (free):
https://www.toptal.com/developers/cssminifier

Open your style-fontmod.css file, and copy all text below the

Text Domain:    Newsmag
Tags:black, white, one-column, two-columns, fixed-layout
*/

(( you must keep all the text at top of original doc identifying theme and theme version, or it won’t work!! ))
then paste in the text from the minified version on TopTal.

Resave doc as style-min.css

Rename your ORIGINAL unedited style.css to bak-style.css
make copy of style-min.css and rename style.css

replace in theme folder on your live site, and double check all works.

Not only will you remove any font loading at all (unless you setup custom fonts in theme panel; if you did, just change all theme panel font settings to ‘default’); but, you will go from about 170k to 97k CSS. Notable size savings even before gzip on server.

Hope that helps somebody. This is one of the simplest optimization tricks for the theme.
(1) not loading external fonts of any kind; all browser/app native
(2) cutting the CSS file by 80%

Enjoy! 🙂

Calin
tagDiv Staff

Hi urishtaujjain, those are links from the theme that are loading the theme css. I believe that you receive some recommendation to optimize those links, right? This can be done using an optimization plugin, most of the time is a cache plugin that provide this functionality (use the options for minify the css and cache browser). Also you can use a Cloudflare (CDN) to improve better the speed and security – https://forum.tagdiv.com/cloudflare-cdn/
Thank you!

Bettina
tagDiv Staff

Hello!

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Our developers are aware of this issue and try to synthesize the composer, which is big, and fix the major problems of the theme and speed.
I recommend you use fewer features on the page, so the requests will be less as well.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Thank you!

crazydrake
tagDiv Member

Just for clarity’s sake – We’re using LiteSpeed Cache for Image Optimization & CSS & JS Minify.

Bettina
tagDiv Staff

Hello!

We recommend the Wp Super Cache plugin.
There is all about the DOM. Which means you need to have less elements into that container or row, as such on that page. I can suggest you only to take care of how many elements you use on that page. You can try to use a cache plugin or a plugin which can minify the page or combine some elements in order to reduce its size.
To increase the page speed you can check these similar topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
– https://www.xtechkr.com/optimize-newspaper-theme/
– Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> > https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift
– https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/

Thank you!

Anamaria
tagDiv Staff

Hello,

The problem is caused that you use WP Rockter to minify the js; you can add an ID to the code and try to exclude it from minify it -> https://i.imgur.com/wY5CSVi.png

Thank you!

Wriper
tagDiv Member

The problem is same even after deactivating all plugins including minify.

Bettina
tagDiv Staff

Hello!

However, page loading speed can depend on many factors, and each website is unique from this point of view.
Unfortunately, we can only help you with some advice.
Please note that page speed or optimization are not covered by the support team. https://forum.tagdiv.com/newspaper-theme-support/
Our developers are aware of this issue and try to synthesize the composer, which is big, and fix the major problems of the theme and speed.
I recommend you use fewer features on the page, so the requests will be less as well.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance. Please check out the tips from those platforms: GTmetrix and Google Pagespeed Insights. 

We will try to improve the shop part page speed issues and the JS issues in the next updates.

Thank you!

waleed9
tagDiv Member

Hello Dear, disable Guest Optimization see here https://prnt.sc/5UgfaniCauij
And cancel all options on JavaScript except minify see here https://prnt.sc/g3BgwXIGX5mr
Make sure not to exceed this setting in css, see here https://prnt.sc/eAR9OsoKPaT2 or disable all options except minify

Then click here https://prnt.sc/kxTVp-uItmpc

Tell us if the icons do not appear

shuddhatm9
Participant
#0

Hi, I am using the Gossip Child theme where I have been facing LCP issues since last month we figured out that your cloud library and composer are taking time to load so it will be a great help if you can help in optimising the plugins and minifying CSS.

my site URL is https://www.tellymantra.com

Viewing 25 results - 26 through 50 (of 985 total)