Proč se můj web načítá pomalu a někdy se rozhodí styly?

Libor Smolík

(2 hodnocení)

7. 1. 2015 09:46:55

Zdravim

mohl by mi poradit co je spatne na tomto webu 👉 www.AirSmolik.com?

1) Nacita se velmi pomalu. Slider, Twitter plugin vpravo a Instagram plugin dole se nekdy ani nenactou

2) Web ma nastavene https ale nekdy to rozhazi styly.

Vedel by nekdo co s tim? Diky

Libor

7. 1. 2015 09:46:55

https://webtrh.cz/diskuse/proc-se-muj-web-nacita-pomalu-a-nekdy-se-rozhodi-styly/#reply1081031

Tom

(7 hodnocení)

7. 1. 2015 10:00:05

Tady máš co ti to nejvíc brzdí http://www.webpagetest.org/result/150107_A9_ES2/1/details/

to vyházej a začni tím, že se web přidáš do webmaster tools - tam ti poradí i cos tím máš udělat

7. 1. 2015 10:00:05

https://webtrh.cz/diskuse/proc-se-muj-web-nacita-pomalu-a-nekdy-se-rozhodi-styly/#reply1081030

Marián

(4 hodnocení)

7. 1. 2015 10:01:11

1. Dlho ti to nacitava, pretoze web sa snazi nacitat JS subor "mxn.js" zo stranky mapstraction.com a nakoniec ho aj tak nenacita. Takze bud tam mas zlu URL k danemu suboru, alebo je problem na strane mapstraction.com.

2. Ak chces vyuzivat https, URL ku vsetkym CSS/JS musia mat taktiez https. Odporucam pouzivat protokol-relative URL cesty k suborom -- takze napr. cesta k tomuto CSS nemoze byt: http://www.airsmolik.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.3 ale bud https://www.airsmolik.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.3, alebo (odporucam): //www.airsmolik.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.3.

Viac k tomu: http://www.paulirish.com/2010/the-protocol-relative-url/.

7. 1. 2015 10:01:11

https://webtrh.cz/diskuse/proc-se-muj-web-nacita-pomalu-a-nekdy-se-rozhodi-styly/#reply1081029

Martin Schlemmer

(36 hodnocení)

7. 1. 2015 10:07:44

Spoustu věcí odhalíte sám, když v moderním prohlížeči stisknete F12, přepnete se na Network/Síť a stránku načtete znovu.

Na webu je mnoho požadavků na CSS a JS soubory, které blokují zobrazení obsahu. Nejlepší by je bylo spojit do několika málo požadavků a načítat tak, aby neblokovaly.

Víc vám napoví třeba

PageSpeed Insights

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Co se týče nenastylovaného HTTPS, napovídá vám výstražné znamení vedle adresy stránky - šifrovaná stránka (HTTPS) nesmí obsahovat smíšený obsah (zdroje z HTTP).

Jelikož uvádíte odkazy na stylopisy i Javascript natvrdo s http://, nenačtou se.

Řešení je buď je rovnou uvádět v https://, nebo použít zápis //, např.

7. 1. 2015 10:07:44

https://webtrh.cz/diskuse/proc-se-muj-web-nacita-pomalu-a-nekdy-se-rozhodi-styly/#reply1081028

Libor Smolík

(2 hodnocení)

7. 1. 2015 17:40:11

Diky!

Ty PageSpeed Insights pomohly a http://www.webpagetest.org/result/15...ES2/1/details/ taky.

Dokazal by to nekdo tu optimalizaci za nejaky peniz provest? Opripade tak aby pretrvala i pri pristi aktualizaci sablony?

7. 1. 2015 17:40:11

https://webtrh.cz/diskuse/proc-se-muj-web-nacita-pomalu-a-nekdy-se-rozhodi-styly/#reply1081027