Vložení CSS přímo do souboru

sitole:
„jedina chyba, kterou stránka hlásí je použivání JS a CSS v externích souborech.“
Neviem či mám dostatok skúseností na objektívnu radu, ale podľa mňa je to hlúposť. Ak neberieme do úvahy fakt, že zmeny sa ľahšie rozširujú (lebo aj include to zvláda), tak existuje stále aspoň jedna podstatná výhoda - externe načítavané súbory sa cachujú. Osobne by som výhodu externého súboru videl aj v tom, že nemiešam dva jazyky a nemám strašne dlhý kód, ale to už musíš vedieť ty.

„Je nějakým způsobem nekorektní vkládat CSS přímo do hlavního souboru?“
Som si istý, že je lepšie pracovať s externými CSS súbormi, ale nekorektné to pravdepodobne tiež nie je.

sitole:
„jedina chyba, kterou stránka hlásí je použivání JS a CSS v externích souborech“
A nemáš těch externích souborů víc? Nebo řetězené načítání z jednoho JS/CSS na další soubor? Třeba je to myšleno jako použití jen jednoho externího souboru na CSS a jednoho na JS.

A čo tak dať všetok JS kód len do jedného súbora - ako ti už bolo radené? Alebo, „nenahádzal“ si tam toho JS priveľa?

sitole:
„CSS soubory tam mám pouze 2.“
No tak ich môžeš tiež zlúčiť do jedného.

sitole:
„Jedeno od Google fonts a jeden svůj“
Vždyť jsem to psal, více stylů a řetězení načítaných souborů. Styly z Google Fonts směřované na domény Google v sobě načítají externí písma, pro české znaky nejméně dvě. Každý samostatně načítaný soubor brzdí zobrazení, z jiné domény obvykle více. Doporučuji písmo si stáhnout, uložit na svém webu a odkazovat ho z jediného CSS souboru.

Hlavně ale upřednostni vlastní rozum. Stránky děláš pro lidi, ne pro zelené bodíky od Google nebo jiných, obvykle více pochybných, automatů.

sitole:
Tak v tom testu jde myslím o to, aby se stránka zobrazila hned po načtení úvodního souboru. Takže je nejvhodnější z hlediska testu a zároveň z uživatelského hlediska dát do toho úvodního souboru i css, který je potřeba na vykreslení obsahu, který návštěvník vidí, a zbytek css načíst dodatečně z externího zdroje.

Ve svých doporučeních Google nabádá, aby se značka odkazující na styly vytvářela pomocí skriptu umístěného konci stránky. Pro datově objemné styly načítané na pomalé lince to bude asi užitečné. Sám budu ale raději své styly datově zmenšovat a zobrazovat všem klasicky vloženou značkou <link>, tedy i uživatelům s vypnutým JavaScriptem.

PageSpeed Insights je jen validátor, nemá rozum – je třeba použít ten vlastní. Ty, sitole, bohužel vykazuješ klasický syndrom amatéra, který honí „zelené“ ikonky a rozbíjí při tom vlastní kód.