Hi tagDiv team,
I’m experiencing severe scroll stuttering/lag on Safari (macOS 15.5) on my website built with Newspaper theme 12.7.3. The issue occurs on all pages immediately when scrolling begins.
Environment:
Newspaper Theme: 12.7.3
WordPress: 6.8.3
PHP: 8.3.27
Server: LiteSpeed/Apache
Browser affected: Safari (macOS 15.5)
Browser NOT affected: Chrome, Firefox
What I’ve tested:
✅ Disabled all plugins except tagDiv Composer and Cloud Library – issue persists
✅ Disabled tagDiv Composer – issue persists
✅ Switched to Twenty Twenty-Four theme – scroll is smooth (confirms issue is theme-related)
✅ Disabled Raptive Ads – no improvement
✅ Tested CSS fixes:
animation: none !important – no improvement
transition: none !important – no improvement
-webkit-overflow-scrolling: auto – no improvement
✅ Object Cache Pro with Relay is configured and working
URL: https://simscommunity.info
The scroll is perfectly smooth in Chrome and Firefox, but Safari has consistent frame drops and stuttering. This is affecting user experience for a significant portion of our visitors.
Is this a known issue with Safari? Are there any recommended fixes or theme settings I should adjust?
Thank you!
Hi,
Unfortunately, I do not have a Mac to test it on a real device, and it appears that those simulators are not displaying the error.
The problems that can be on Safari are usually related to:
– position: sticky;
Parallax or “Zoom” effects in blocks:
– transform: translate3d()
– transform: scale()
Box-shadows
This uses a WebKit-specific media query that ONLY Safari matches:
/* Safari-only CSS */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-touch-callout: none) {
/* Your Safari-only styles here */
.td-module-image,
.td-image-container,
.tdb-header,
.td-header-wrap {
transform: translateZ(0);
will-change: opacity, transform;
}
.td-block-span12 .td_module_flex,
.td_module_10,
.td_module_11,
.td_module_1 {
box-shadow: none !important;
}
}
}
Hi,
Thank you for the suggestions. I’ve added the Safari-specific CSS you provided, but unfortunately the scroll stuttering persists.
To summarize what I’ve tested:
Disabled all plugins except tagDiv ones – issue persists
Switched to Twenty Twenty-Four theme – scroll is smooth (confirms it’s theme-related)
Added your Safari CSS fix – no improvement
Disabled CSS animations/transitions via custom CSS – no improvement
Could you please test on a real Safari/Mac device? The URL is: https://simscommunity.info/
The issue occurs immediately on any page when scrolling begins. It’s very noticeable compared to Chrome where scrolling is perfectly smooth.
Thank you!
https://drive.google.com/file/d/1zYkYiJlQxVO-4ES3YhYq67sc-AfUZxNQ/view?usp=drive_link
Hi,
Unfortunately, I do not have access to a real Safari/Mac device. So it is quite difficult for me to identify the problem and resolve it, but it is related to transitions.
Also, what I can recommend is to disable the theme option for lazyload, maybe this is interfering and is causing this situation on Safari – https://forum.tagdiv.com/loading-image-effects/
Thank you!
