Jak rychle upravit problémy s JavaScriptem a CSS: Zkuste tyto 2 nástroje!

Ondřej Lamcha

2 minuty čtení

19. 10. 2021

java-script (1)

Přinášíme rychlý návod na odstranění problémů s JavaScriptem a CSS, se kterým dokážete během chvíle pozvednout rychlost svého webu.

Navazuji na článek od kolegyně Anny Schumacher, ve kterém se věnovala vychytání problémů s JavaScriptem pomocí Screaming Frogu. Přicházím se svou troškou do mlýna v podobě rychlého návodu pro odstranění nepoužívaného JS nebo CSS, jež zpomaluje web, pouze s průzkumníkem v prohlížeči Chrome. Na programátorovi pak zbude daný problém odstranit ve zdrojovém kódu stránky.

Nepoužívaný JavaScript a CSS zpomaluje web

Během fáze čištění On-Page přijde na řadu rychlost webu, která je klíčovým faktorem pro získání lepších pozic v organickém vyhledávání. S jistotou můžeme říci, že existovalo opravdu málo webů, které měly při kompletním SEO auditu JavaScript a CSS bez chybičky.

Prvotní problémy naleznete přes aplikaci Lighthouse nebo Pagespeed test. Lighthouse má výhodu v tom, že aplikaci jednoduše spustíte z průzkumníku prohlížeče Chrome. Z analýzy se však dozvíte jen fakt, že existuje problém ve skriptu. Naštěstí lze přes průzkumník nalézt kýžené JS a CSS, které nejvíce zatěžuje web při načítání stránky.

Jak najít zpomalující JS a CSS

Správný postup jsme znázornili pomocí obrázkového návodu.

  1. Nejprve si otevřete průzkumník v prohlížeči Google Chrome a najeďte dolů na Coverage.
    coverage-v-pruzkumníku-chrome
    Pokud záložku Coverage nevidíte, rozklikněte jej z nabídky tří teček vlevo.
  2. Následně klikněte na ikonu Reload button, abyste nahráli seznam Javascriptu a CSS.
    reaload-button-pro-nahrani-seznamu-javascriptu-a-css
  3. Výsledně naleznete seznam hlavních JS a CSS nejvíce zpomalující web.
    vysledny-seznam-js-a-css-zpomalujici web
    Pokud ve skriptu převládá červené pole, převažuje počet nepoužívaných bajtů.

Doporučujeme začít s těmito skripty a postupně je opravit seshora dolů.

Blog

SDÍLEJTE ČLÁNEK

Chcete vědět více o zlepšení obsahu? Ozvěte se mi.

AUTOR:

Ondřej Lamcha
SEO Specialist


ondrej.lamcha@effectix.com

Více o Ondrovi

Jestli chcete být in v onlinu, odebírejte nás.

© 2022 Effectix. Všechna práva vyhrazena.

Vytvořeno v Beneš & Michl