Bad Practices for Websites

Bad Practices for Websites

14

2 min.

Sliders in the first section and rendering delay

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

From a usability perspective, automatic frame rotation interferes with the perception of information; the user often does not 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 the 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, sudden sound can scare the user away, which will provoke an instant increase in the bounce rate. The user is more likely to close the tab than to look for the mute button, especially in a mobile context.

Critical page weight (> 5 MB)

Exceeding the 5 MB threshold is excessive payload, which overloads the device's RAM and processor when parsing data. On mobile devices, this leads to a long Time to Interactive (TTI); the page appears to be visible, but the interface “freezes” and 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!

Similar categories:

Similar articles

  • SSA - Single Standard for Accordion

    The SSA standard defines requirements for the semantics, accessibility, and logic of accordion operation.

    131

    2 min.

  • SSP - Single standard for pagination

    The SSP standard defines requirements for the semantics, accessibility, and logic of page-by-page navigation

    108

    1 min.

  • SSPS - Single Standard for Project Structure

    The SSPS standard defines requirements for the structure and naming of files and folders in a project

    67

    2 min.

  • SSV - Single Standard for Video

    The SSV standard defines requirements for semantics, background and interactive video settings, attributes for Safari, accessibility rules, and video weight

    102

    4 min.

  • How to use Vite with VPN enabled, quick solution

    Solves problems with Vite working when VPN is enabled, connection settings, to avoid redirecting local traffic to the VPN tunnel

    92

    2 min.

Contact me

Project type*