Asynchronní načítání JavaScriptu 09.10.2023

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á verze API Smartformu pro web 01.07.2022

Nová verze API Smartformu pro web

V červnu 2022 jsme spustili novou verzi API Smartformu pro web. V tomto článku se dozvíte, v čem se liší od předešlé a také jak jednoduše přejít z verze 1 na verzi 2.

Propojili jsme Smartform a PrestaShop 17.02.2023

Propojili jsme Smartform a PrestaShop

Rozšířili jsme naše e-shopové platformy o řešení PrestaShop.

Úprava cen v roce 2023 24.02.2023

Úprava cen v roce 2023

Od dubna 2023 navyšujeme ceny některých našich služeb. V tomto článku naleznete všechny důležité informace.