Asynchronní načítání JavaScriptu

24.05.2022

Asynchronní načítání JavaScriptu

Od dubna 2018 je možné načítat skript smartform.js do stránek asynchronně. Zde si o této změně povíme více a také si řekneme, jak upravit stránku se Smartformem, aby se JavaScript načítal asynchronně.

O co se jedná?

Díky asynchronnímu načítání JavaScriptu se HTML stránka vykreslí rychleji, protože její zpracování prohlížečem není blokováno načítáním JavaScriptu a nehrozí problémy s vykreslením stránky při případném výpadku serveru smartform.cz.

Jak upravit stránku se Smartformem, aby se JavaScript načítal asynchronně?

Pokud jste Smartform do svých stránek implementovali před dubnem 2018, patrně skript smartform.js vkládáte synchronním způsobem a ve svých stránkách máte podobný kód:

<!-- Ukazka stareho zpusobu vkladani javascriptu -->
<script type="text/javascript" src="https://secure.smartform.cz/api/v1/smartform.js"></script>

<script type="text/javascript">
    smartform.beforeInit = function initialize() {
          smartform.setClientId('[vaše clientId]');
    }
</script>

Pro přechod na asynchronní vkládání JavaScriptu je potřeba v kódu udělat dvě malé změny:

  1. K tagu script, kterým se vkládá javascript smartform.js přidat atribut async.

  2. Před prvním použitím objektu smartform je nutné tento objekt inicializovat: var smartform = smartform || {};

<!-- Ukazka noveho, asynchronniho zpusobu vkladani javascriptu -->
<!-- V tagu script, kterym se vklada javascript smartform.js se doplni atribut async -->
<script type="text/javascript" src="https://secure.smartform.cz/api/v1/smartform.js" async></script>

<script type="text/javascript">

    // Inicializace objektu smartform, bez ni nebude skript fungovat spolehlive
    var smartform = smartform || {};
    
    smartform.beforeInit = function initialize() {
          smartform.setClientId('[vaše clientId]');
    }
</script>

Zaujal Vás Smartform a měli byste o jeho služby zájem? Máte nějaký dotaz? Potřebujete poradit? Neváhejte nás kontaktovat

Jiné příspěvky na našem blogu

Nová administrace 11.08.2022

Nová administrace

Smartform má novou administraci a rádi bychom Vám ji v následujícím článku trochu více představili.

E-mailová validace 25.05.2022

E-mailová validace

Nově jsme do Smartform portfolia služeb zařadili i validaci e-mailových adres. V tomto krátkém článku Vám o ní povíme více.

Překrývání našeptávačů v Google Chrome 24.05.2022

Překrývání našeptávačů v Google Chrome

Občasným problémem při našeptávání v Google Chrome je, že se přes Smartform zobrazuje i adresa, která byla uložená v prohlížeči dříve. V následujícím článku se dozvíte, jak tento problém vyřešit.