Bad Practices for Websites

Sliders in the first section and rendering delay

Placing the slider in the first section significantly worsens the LCP (Largest Contentful Paint) metric. The browser is forced to first load and initialize the JavaScript, and only then render the main content, which creates a noticeable delay.

From a usability perspective, automatic slide changes interfere with information processing; users often don’t have time to finish reading the text on one slide before it is replaced by another. This creates cognitive discomfort and reduces trust in the resource due to a loss of control over the interface.

Autoplay video with forced sound

The autoplay policies of modern browsers (Chrome, Safari) block the audio stream until the user makes their first conscious click. Attempts to circumvent these restrictions often lead to console errors and incorrect media player operation.

Psychologically, a sudden sound can startle the user, causing an immediate spike in the bounce rate. The user is more likely to close the tab than to look for the mute button, especially on a mobile device.

Critical page weight (> 5 MB)

Exceeding the 5 MB threshold results in an excessive payload, which overloads the device’s RAM and processor during data parsing. On mobile devices, this leads to a long Time to Interactive (TTI), the page is visible, but the interface does not respond to touch.

The main reasons are usually unoptimized graphics without the use of modern formats (WebP, AVIF) and excess code. In mobile internet conditions, such weight makes the site practically inaccessible to part of the audience.

The article will be updated!

The article will be supplemented