OK, skrátim to o do zarážiek:

- zmenšite veľkosť stránky: 12.6MB a teda load time 1.2 minúty pri fast 3G je extrémne veľa (najmä když nemáte poriešené ani cashovanie).
- upravte obrázky na rozlíšenie v akom sa zobrazujú reálne na webstránke. Neco jako <img src="obrazok_v_4K_rozliseni" height="100" width="100"> je nesmysl.
- používajte komprimáciu.
- používajte atribút alt pri obrázkoch s hodnotami ktoré majú zmysel.
- favicona by najvhodnejšie mala byť vo formáte .ICO na to existujú online convertery z PNG.
- používajte rel="noreferrer" alebo rel="noopener" v prípade linkov smerujúcich na inú doménu.
- nepoužívajte stylovacie html atribúty, na stylovanie je CSS. (presne to čo je v druhej zarážke je špatne)
- nenastavujte v CSS natvrdo obe rozmery obrázku, vyvarujete sa deformáciám obrázkov a zachovajú si správny pomer strán.
- Používajte lazy-loading, je nesmysl načitávať posledný obrázok zo slidovania ktorý sa má zobraziť možno tak o 20 sekúnd, když ešte nieje načítaní ani prvý obrázok ktorý by sa mal zobraziť ako prvý.
- rozlíšenie 1550x1550 pre faviconu je nesmysl.
- linky obsahujúce v popisku &nbps; sú nesmysl, jediné &nbps; nahradiť medzerou, formátovanie neriešiť skrz tvrdé medzery.
- nepoužívať zbytočne rovnaké CSS vlastnosti pre rôzne selektory, alebo naopak, rovnaké selektory pre rôzne vlastnosti.
Tým myslím neco jako: "p {line height: 1.5"} p {font-size: 20px} p {...} nebo .uhorka {height: 20px} .mrkva {height: 20px} .pomaranc {height: 20px}
- meta charset písať pred title tagom a akýmkoľvek textovým obsahom, ideálne by mal byť vždy úplne prvý v heade.
- používať meta viewport.
- meta keyword sú zbytočné, vyhladávací boti to ignorujú.
- používajte HTTPS

Neviem či som napsal všetko.