Google mapy sa dajú na web urobiť aj jednoduchšie ako odkazovať na tretiu stranu obrázkom a sťahovať tak externý javascript. Vždy je dôležité zvážiť koľko externých obrázkov a scriptov sa zobrazuje alebo používa na vašom webe. Ak k tomu pridáme google analytics GA4 a rôzne ďalšie metriky, razom je z toho niekoľko sekúnd oneskorenia načítania. Preto vám dám radu, ako sa takej praktike vyhnúť a získať tak drahocenné milisekundy a možno aj sekundy pri načítaní webu. Táto praktika nie je len o Google mapách, dá sa aplikovať aj na iné externé zdroje. Keď dočítate, odporúčam prečítať aj nasledovný článok o WordPress pluginoch.
Google mapy
Riešenie je prosté (kliknite do obrázka).
Otvorte si webstránku Google mapy a napíšte adresu ktorú chcete aby sa zobrazila. Urobte screenshot a orežte obrázok na takú veľkosť ktorú budete skutočne potrebovať na webe. Obrázok komprimujte a rozhodne zmeňte formát z png na povedzme webp. Obrázok vložte do knižnice a odtiaľ ho použite na miesto, povedzme do footra. Z google máp skopírujte celý link a vložte ho ako odkaz do obrázka. Aké prosté riešenie. Vám to web nezaťaží zdrojom blokujúcim vykreslenie a urobí rovnakú službu. Dokonca skrátite počiatočný čas odpovede servera. Rozhodne sa netreba báť takéhoto riešenia. Obrázok je zobrazený z vašej knižnice, čo zaručuje, že k oneskoreniu načítania nedôjde. Napriek článku budem odporúčať: Nevkladajte i-frame s google mapami a radšej napíšte do kontaktu adresu pekne a úhľadne ručne.
Ak si neviete dať rady s čímkoľvek, píšte komentáre. Rád pomôžem.
Pavol Knut Navrátil