Dear Support Team,
I hope you are doing well. I am currently facing a few performance and accessibility issues on my website-https://mahakaltimes.com that I would like your assistance with. Below are the main issues identified during testing:
Low Contrast Ratio: There are several elements on my site where the text color does not meet sufficient contrast ratio standards, making it difficult for users to read. Could you provide guidance on how to adjust the background and text color to meet accessibility standards?
Minimize Main-Thread Work: The main thread work time is higher than recommended. I believe this may be due to heavy JavaScript execution. Could you advise on optimizing JavaScript to reduce the load time, or suggest ways to deliver smaller JS payloads?
Excessive DOM Size: The number of DOM elements exceeds 1,250, which may be causing slow performance and layout shifts. Can you help identify ways to reduce the DOM size without affecting the site’s functionality?
I would greatly appreciate any tips, documentation, or support you can provide to help resolve these issues and enhance my website’s performance and accessibility.
Looking forward to your prompt response.
screen shots attached- https://we.tl/t-VImOmQ5WUo
Can I expect a solution in this support forum
not happy nobody answer my question
Hi,
Sorry for late answer!
I checked the website performance and on desktop you have 97 – https://i.imgur.com/LjCV0di.png and on mobile 82 – https://i.imgur.com/XLMWWup.png those are good performance.
Now the most common way to reduce the DOM size is to reduce the number of elements from your page (less blocks).
For the elements that do not have enough size or space, those should have at lest 10px around the element and a proper font size to can be read.
(it can be resolve by changing the font size and space around the elements that are mentioned that have those problems).
Background and foreground colors do not have a sufficient contrast ratio – this is related to the text color and background for that text, those should have enough contrast so they can be easy read – https://university.webflow.com/lesson/typography-color-contrast?topics=layout-design
The question relate to js is a good one, but this is usually handle by cache plugins or optimization plugins. How to delay JavaScript until user interaction in WordPress
I hope this will help you!
Thank you!
Dear Calin,
please send it other formet this imgur file is not opened in my system
– https://i.imgur.com/LjCV0di.png
– https://i.imgur.com/XLMWWup.png
Perfmatters is a paid tool
The performance score that you are seeing is good because of Flyingpress but still the theme is a big issue. Now you are talking about another tool, that too is paid. How much will I have to spend first in the theme, after that in the cache plugin and another tool. Till now this website has not earned anything.
I have sent you an email on 19th September. If possible, please check it. I have attached all the attachments in it.
Hi,
“please send it other formet this imgur file is not opened in my system
– https://i.imgur.com/LjCV0di.png
– https://i.imgur.com/XLMWWup.png”
Those are related to the pagespeed results.
I will check for the emails, as far as I know we answered to those emails from that date, but it is possible to be in spam. I will check it right now and if I do not fine the email I will reply here, if I will find it I will reply via email.
Thank you!
ok Calin please check and reply
