Optimalizácia prostredia vkladania

Dokončené

Na optimalizáciu prostredia vkladania môžete použiť dve techniky: Bootstrap a Fázované vkladanie.

Používanie bootstrapu

S použitím funkcie môžete dosiahnuť rýchlejší výkon vkladania powerbi.bootstrap(embedContainer, config) . Táto funkcia pripraví a inicializuje prvok ešte pred nastavením iframe všetkých požadovaných parametrov konfigurácie. Po powerbi.embed(embedContainer, config) nastavení všetkých parametrov konfigurácie by sa táto funkcia mala vyvolať.

Nasledujúci kód ukazuje, ako pripraviť a inicializovať iframe prvok pre zostavu Power BI.

powerbi.bootstrap(embedContainer, { type: 'report' });

Zvážte použitie bootstrapu pri prvom načítaní webovej stránky aplikácie. V takom prípade môžu volania na strane servera načítať podrobnosti o obsahu služby Power BI a prístupový token. Po dokončení volaní na strane servera vložte obsah služby Power BI.

Diagram postupu spustenia popísaný v predchádzajúcom odseku.

Poznámka

Pri vkladaní stránkovaných zostáv nie je možné použiť funkciu bootstrapu.

Ďalšie informácie nájdete v téme Použitie bootstrapu na zlepšenie výkonu.

Použitie fázovaného vkladania

Ak sa obsah služby Power BI na vkladanie nachádza na inej stránke vašej aplikácie, existuje alternatívna technika na urýchlenie vkladania a zlepšenie používateľského prostredia.

Poznámka

Pri vkladaní na rovnakú stránku odporúčame metódu bootstrapu (ako je popísané vyššie), pretože je rýchlejšia.

Funkciu použite na odovzdanie powerbi.preload(config) minimálneho konfiguračného objektu obsahujúceho iba type vlastnosti a embedUrl . Hodnota embedUrl by mala byť základnou URL adresou, čo znamená, že nepotrebuje konkrétne ID artefaktu. Predbežné načítanie pomáha urýchliť vkladanie stiahnutím skriptov potrebných na vkladanie obsahu služby Power BI predtým, ako používateľ prejde na stránku.

// Building the configuration object
let config = {
    type: 'report',
    embedUrl: 'https://app.powerbi.com/reportEmbed',
};

let element = powerbi.preload(config);

Udalosť sa preloaded spustí po dokončení vyťaženia

element.on('preloaded', function () {
    ...
});

powerbi.load(embedContainer, config) Pomocou funkcie môžete dynamicky meniť nastavenia prvku div ešte pred zobrazením obsahu. Pomocou tejto funkcie môžete napríklad získať informácie o stranách zostavy a potom určiť, ktorá strana sa používateľovi zobrazí. Ak použijete túto funkciu, musíte tiež zavolať powerbi.render() funkciu, aby sa zobrazil vložený obsah.

Spoločne, load a render funkcie dosiahnuť rovnaký výsledok ako embed funkcia.

Diagram funkcie vkladania možno dosiahnuť vo fázach pomocou funkcií načítania a vykreslenia.

Funkcie a render musíte používať load spolu, preload sú však od nich nezávislé. Funkciu môžete po načítaní použiť embed na zobrazenie vloženého objektu. Môžete tiež využiť postup s úplnými fázami zavolaním preloadidentifikátorov , loada renderv tomto poradí.

Ďalšie informácie nájdete v téme Použitie fázovaného vkladania.

Ďalšie články o optimalizácii nájdete v téme Najvhodnejšie postupy na zvýšenie výkonu vo vloženej analýze služby Power BI.