Bad Practices for Websites

Bad Practices for Websites

46

2 min.

Sliders in the First Section and Rendering Delays

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

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

Video Autoplay with Forced Audio

The autoplay policies of modern browsers (Chrome, Safari) block the audio stream until the user makes their first conscious click, attempts to bypass these restrictions often result in console errors and media player malfunctions.

Psychologically, sudden sound can scare the user away, triggering 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 phone.

Critical page weight (> 5 MB)

Exceeding the 5 MB threshold creates an excessive load that overburdens the device’s RAM and processor during data parsing, on mobile devices, this results in a long Time to Interactive (TTI) — the page is visible, but the interface does not respond to touch.

The main causes are usually unoptimized graphics that do not use modern formats (WebP, AVIF) and unnecessary code; in a mobile internet environment, this file size makes the site virtually inaccessible to part of the audience.

The article will be supplemented

Similar categories:

Similar articles

  • Anatomy of a React component

    My vision for how every React component should look

    102

    8 min.

  • SSF-U - Single Standard for Fullscreen

    The SSF-U standard defines requirements for the semantics, accessibility, and logic of fullscreen

    33

    2 min.

  • SSA - Single Standard for Accordion

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

    50

    2 min.

  • SSP - Single Standard for Pagination

    The SSP standard defines requirements for the semantics, accessibility, and logic of pagination

    56

    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

    165

    2 min.

  • SSG - Single Standard for Git

    The SSG standard defines requirements for the semantics, accessibility, and logic of Git

    48

    3 min.

  • All articles

Contact me