• Bitrix jak nainstalovat kompresní modul. Zásady pro zvýšení rychlosti načítání stránky. Bezplatná instalace bezplatného modulu Bitrix z archivu

    Tato poznámka se nebude přímo týkat schopností Bitrixu. Dám vám několik základních principů pro zvýšení rychlosti webu: 1. Je nutné snížit počet HTTP požadavků.

    Webová stránka není pouze html stránka, ale také obrázky, soubory javascript a soubory stylů. Pokud snížíme počet těchto souborů, zvýšíme rychlost načítání stránky.

    • soubory stylu lze sloučit do jednoho souboru
    • javascript soubory lze také spojit do jednoho souboru
    • Bez ohledu na to, jak divně to může znít, obrázky lze také spojit do jednoho souboru zvaného css sprite.

    V prvním bodě již bylo vše provedeno v nejnovějších verzích motoru 1C-Bitrix. Tato zaškrtávací políčka můžete povolit v hlavním nastavení modulu.

    Během vývoje tedy můžete mít tolik souborů se styly, kolik potřebujete, a při uvedení do výroby zapněte zaškrtávací políčka a všechny css soubory se sloučí do jednoho.

    Ohledně druhého bodu jsem bohužel nenašel žádná hotová řešení, i když v podstatě by řešení mělo být úplně stejné jako u CSS.

    Chcete-li implementovat třetí bod, musíte okamžitě vytvořit rozložení založené na jednom obrázku. O technologii vytváření CSS spritů bylo napsáno mnoho článků.

    2. Všechny CSS soubory musí být umístěny na začátku stránky

    Pokud používáte standardní Bitrixův přístup k integraci rozvržení do designu, bude to váš případ.

    3. Minimalizace kódu souborů CSS a souborů JS, zmenšení velikosti obrázků, komprese stránky GZIP.

    Chcete-li minimalizovat kód souboru CSS, stačí zaškrtnout políčko „Vytvořit komprimovanou kopii kombinovaného souboru CSS.“ Chcete-li minimalizovat kód souborů javascript, existují speciální řešení, jako je http://yuilibrary.com/download /yuicompressor/.

    Chcete-li povolit kompresi GZIP v Bitrix, stačí nainstalovat modul Komprese ze standardního balíčku Bitrix.

    4. Ke stažení velkých javascriptových knihoven použijte Google knihovny

    Alespoň v rámci možností. Jquery by měl být určitě připojen tímto způsobem.



    //

    5. Ujistěte se, že používáte mezipaměť prohlížeče.

    Chcete-li to provést, musíte nainstalovat mod_expires pro apache2 a nakonfigurovat jej tak, aby se statické informace ukládaly do mezipaměti prohlížeče po velmi dlouhou dobu. Například takto:

    // soubor code.htaccess

    Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "přístup plus 1 rok" ExpiresByType image/jpg "přístup plus 1 rok" ExpiresByType image/jpeg "přístup plus 1 rok" ExpiresByType image/bmp "přístup plus 1 rok" ExpiresByType image/png "přístup plus 1 rok"

    Tím můj stručný přehled základních principů zvyšování rychlosti načítání stránek končí.

    Systém 1C-Bitrix je považován za jeden z nejoblíbenějších nejen na ruském trhu, ale také mezi zahraničními vývojáři. Vyznačuje se snadnou správou webových stránek a flexibilním nastavením.

    Systém 1C-Bitrix provozuje webové stránky různé složitosti: zpravodajské zdroje, vizitky, sociální sítě, internetové obchody a podobně. Postupem času se však webové stránky načítají stále pomaleji.

    Problém s optimalizací bitrixových obrázků, kterou neprovádí samotný CMS, řeší nástroje třetích stran. Aby obrázky zabíraly méně místa a rychleji se načítaly, je potřeba použít plugin pro optimalizaci obrázků v Bitrixu. Tento plugin je řešením OptiPic.

    Optimalizace obrázků stránek na Bitrix prostřednictvím OptiPic vám umožňuje zrychlit načítání stránek 2-3krát. Praxe již ukázala, že zdroje se ve skutečnosti načítají rychleji, což si všimli samotní uživatelé. To je zvláště důležité pro internetové obchody a katalogy, protože kupující nemusí čekat, až se stránka načte a přejdou ke zdroji konkurence.

    Komprese obrazu v Bitrixu

    OptiPic je zásuvný modul pro kompresi obrázků Bitrix postavený na algoritmu, který identifikuje technická data v souboru obrázku a odstraní je. Tyto údaje neovlivňují kvalitu a vzhled obrázku, ale ovlivňují jeho velikost. V některých případech zabírají technická data až 90 % velikosti souboru.

    Proto se OptiPic používá ke kompresi obrázků v Bitrixu. Průměrné zmenšení velikosti obrázku je 70 %. Navíc stačí plugin jednou nakonfigurovat a v budoucnu bude fungovat jak s obrázky, které již byly na server nahrány, tak s obrázky přidanými na web.

    Komprese obrázků webových stránek na Bitrixu probíhá na pozadí a nevyžaduje velký výpočetní výkon. Návštěvníkům zdrojů se kromě rychlejšího načítání stránky nic nestane. Správci budou moci vidět, jak plugin postupem času uvolňuje místo na pevném disku serveru zmenšením velikosti obrázků.

    Optimalizace obrázků v Bitrixu již nebude vyžadovat manuální zásah správce. Nastavte OptiPic a všechny potřebné operace se provedou automaticky.

    Co je to komprese obrazu

    Optimalizace obrazu je speciální zpracování grafického souboru za účelem minimalizace jeho velikosti bez ztráty vizuální kvality.

    K provedení tohoto postupu existuje velké množství poměrně složitých algoritmů. Všechny jsou však založeny na stejném základě - z grafického souboru musíte odstranit všechna servisní data, která se tam nacházejí (například název programu, který tento soubor ukládá atd.), a také pomocí speciálních programů, kombinovat/vyhladit podobné barvy.

    Ve výsledku získáme stejný obrázek, který se vizuálně nijak nezměnil. Objem (váha) tohoto souboru v bajtech však bude mnohem menší než původní. Pokud je toto zpracování provedeno správně, obrazový soubor lze zmenšit až o 98 % bez ztráty kvality obrazu.

    To znamená, že obrázky na stránkách webu se po optimalizaci načítají mnohonásobně rychleji.

    Co znamená optimalizace obrázků pro váš web?
    • Úspora místa na disku.
    • Zrychlete načítání stránky.
    • Zvýšená konverze.
    • Lepší umístění webu ve výsledcích vyhledávání.

    Bylo prokázáno, že akcelerace webu může zlepšit faktory chování a také zvýšit konverzi webu (zvýšit prodej). Čím déle trvá načítání stránky webu, tím méně kupujících zde bude moci provádět určité cílené akce. Pokud vaše internetová stránka není dostatečně rychlá, máte velkou šanci, že přijdete o svůj potenciální příjem. Zrychlení provozu internetového zdroje umožní zlepšit konverzi, a tím výrazně zvýšit příjmy a přilákat více zákazníků.

    Výhody služby OptiPic
    • Neexistují žádné měsíční platby.
    • Plná automatizace.
    • Poskytování bezplatné pomoci s připojením.
    • Internetová adresa (URL) komprimovaných obrázků se nezmění, budou nadále uloženy na vašem webu.
    • Chcete-li se připojit a používat službu, nemusíte mít speciální znalosti programování nebo správy.
    • Neexistují žádná omezení velikosti obrázku v systému.
    • Technická podpora v ruštině.
    Jak může optimalizace obrázků zrychlit váš web?

    Stránka jakéhokoli webu se nejčastěji skládá z:

    • snímky;
    • html kód (obsah textu, rozvržení, označení);
    • video;
    • javascriptové skripty s logikou spouštěnou ze strany prohlížeče;
    • css soubory se styly stránek.

    Položka, jako jsou obrázky, zabírá většinu celkového objemu na stránkách webu a je „nejtěžší“ částí stránek. Zmenšení (optimalizace) obrázků nepochybně výrazně urychlí načítání jakéhokoli internetového zdroje.

    Pokud tedy změníte (v menší míře) objem obrázků, všechny stránky webu se začnou načítat mnohem rychleji.

    Komprese obrázků na webu umožní snížit jejich objem na 75–98 % bez ztráty vizuální kvality.

    Jak připojit OptiPic k 1C-Bitrix pro kompresi obrazu? Zaregistrujte se a přidejte svůj web do svého osobního účtu

    Po registraci obdržíte e-mail s odkazem na aktivaci účtu. Následujte tento odkaz. Dále na našem webu přejděte na svůj osobní účet Profil > Moje weby, klikněte na tlačítko Přidat web, zadejte adresu URL vašeho webu a klikněte na tlačítko Připojit web.

    Stáhněte a nainstalujte modul na svůj web

    Po přidání webu do systému přejděte na kartu Modul stahování.

    Tam je potřeba stáhnout archiv s modulem. Rozbalte tento archiv a nahrajte jej na svůj web (v kořenové složce webu). V důsledku toho by váš web měl mít v kořenovém adresáři webu složku webu s následující strukturou:

    • webová stránka
      • config.php
      • help.php
      • index.php

    A poté by měla být na webu k dispozici následující stránka: http://vaše-doména..php.

    Vyberte si tarif a dobijte svůj účet

    Po nahrání modulu na váš web je potřeba aktivovat indexování webu v nastavení webu a počkat na první indexaci webu systémem OptiPic – probíhá do 24 hodin. Pokud chcete proces urychlit, odešlete svůj web k indexování ručně.

    Po dokončení prvního indexování systém ukáže, kolik obrázků (kolik gigabajtů?) bylo na vašem webu nalezeno. To lze provést na kartě Index komprese a statistiky.

    Nyní, když znáte objem obrázků na vašem webu, zakupte si potřebný balíček a povolte kompresi v nastavení webu.

    Dnes se naučíme, jak správně formátovat header.php v Bitrixu, jak správně propojit .css a .js v header.php, jak správně propojit jQuery v Bitrixu a jak povolit kompresi souborů .css a .js v Bitrixu.

    To je dnes velmi akutní a naléhavý problém. Nejčastější požadavky na moduly se týkají chyb ve skriptech, když jQuery není správně připojeno hlavička.php a velmi často je připojeno několik jQuery, ale pouze jedna knihovna jQuery by měla být připojena na všech stránkách webu a úplně první ze všech skriptů šablon webu.

    Na jednom webu byl záznam, napočítal jsem 7 připojených knihoven jQuery, člověk byl prostě unavený hledáním chyb a nebylo kam jít, když se problém našel a opravil, začalo na webu vše správně fungovat.

    Jak by tedy měl být soubor správně naformátován? hlavička.phpšablona webu v Bitrixu:

  • Předem by neměly být žádné mezery ani pomlčky
  • Předtím je nastaveno kódování stránky
  • Za názvem jsou uvedeny všechny meta tagy
  • Po metaznačkách jsou zahrnuty styly webu .css
  • A teprve po připojení .css stylů jsou připojeny všechny .js skripty
  • Pokud je to možné, komentáře IE by měly být umístěny úplně na konci před uzavírací značkou.
  • Příklad header.php pro HTML 5 DOCTYPE