• Bitrix kompresní modul. Principy pro zvýšení rychlosti načítání stránky Komprese obrazu v Bitrixu

    Co se stane, když naložíte náklaďák a starý kobylka nákladem 1 tuny? To je pravda: první pojede maximální rychlostí a druhý se nebude moci pohybovat. Stejně tak webové stránky: každá z nich má své vlastní požadavky na hosting, konfiguraci a nastavení platformy 1C-Bitrix.

    Každý týden dostává naše podpora stížnosti na nízkou rychlost stahování. V 99,9 % případů se ukazuje, že problém spočívá ve slabém hostingu a nesprávném nastavení. Řekneme vám, co dělat, když je web nebo internetový obchod pomalý, a jak to správně diagnostikovat a samostatně zvýšit produktivitu – aby to letělo.

    1. Vyhodnocení výkonu Modul 1C-Bitrix Performance Monitor vám umožní testovat výkon webu a porovnávat výsledky s ukazateli benchmarku. Upozorní na slabá místa: web, CMS, konfigurace, nekvalitní vývoj či hosting. Svůj web nebo „čistý“ 1C-Bitrix můžete nasadit na různé weby a tato čísla porovnat.

    Co potřebujete vědět o metrikách výkonu:

    • méně než 30 bodů – zapomeňte na výkon a rychlé načítání stránek. Neuvidíte indikátor „Velmi rychle“. Všechno se zpomalí!
    • od 30 do 60 – vhodné pro malé projekty (firemní weby nebo internetové obchody s malým počtem produktů, malým počtem SKU a parametry v chytrém filtru)
    • od 60 do 100 - konfigurace serveru je přijatelná, ale ne optimální. Vhodné pro většinu projektů. Stránka bude fungovat, ale ne superrychlostí.
    • od 100 – jste skvělí: nebyli jste líní vybrat si normální hostingovou platformu! Administrační panel letí, velké objemy dat z 1C se stahují s třeskem, stránky se obsluhují rychle. Spíte klidně a ani nepřemýšlíte o tom, že byste měli psát na technickou podporu se stížnostmi na problémy s načítáním webu, nikdy jste neviděli chyby Request timeout nebo 502 Bad Gateway.
    • 200 a více – ideální!

    Jak testovat web

    Přejděte na panel výkonu: Nastavení → Výkon → Panel Výkon. Klikněte na tlačítko "Test výkonu" a počkejte několik minut.

    2. Přejděte na PHP7

    3. prosince 2015 byla vydána sedmá verze PHP. Byl vyvinut s důrazem na zvýšení výkonu a snížení spotřeby paměti. Testy to přesvědčivě ukazují (příklad 1, příklad 2) - nárůst výkonu po přechodu na nové jádro je 40 %!

    Sezení na starých verzích PHP ztěžuje život uživateli a zhoršuje internet. Pokud váš hosting PHP7 nepodporuje, změňte jej (například na tento s převodem zdarma). Pokud váš web nepodporuje PHP7, okamžitě to opravte. Ještě lépe používejte řešení, která podporují PHP7 – například od Aspro.

    3. Nastavení ukládání do mezipaměti Použití kompozitního a automatického skládání je dobré a správné. Ale pouhé zapnutí je polovina úspěchu. Chcete-li dosáhnout znatelného zvýšení rychlosti, musíte správně nastavit životnost mezipaměti v závislosti na frekvenci aktualizací dat na webu a provozu.

    Co nedělat:


    Jak by to mělo být – v závislosti na frekvenci aktualizací dat a návštěvnosti webu:

  • Ceny na webu jsou aktualizovány ručně nebo několikrát týdně.
    Doporučená doba mezipaměti: alespoň 172 800 sekund (2 dny).
  • Ceny na webu jsou aktualizovány jednou denně, vykládka z 1C nebo jiného skladového účetního systému probíhá v noci.
    86 400 sekund (1 den).
  • Ne často, ale stává se to: ceny jsou aktualizovány prostřednictvím výměny v reálném čase s 1C a někdy i několikrát během dne.
    Doporučená doba vyrovnávací paměti: 7200 sekund (2 hodiny).
  • 4. Vytvořte fasetové indexy pro inteligentní filtr

    Fasetové indexy urychlují provoz chytrého filtru. Chytrý filtr obvykle potřebuje projít všechny produkty v katalogu a porovnat jejich vlastnosti se zadanými parametry. Pokud je zboží hodně, může tento proces nějakou dobu trvat. Fazeta předem vypočítá a sestaví možnosti požadavku, uloží je do systému a na požádání vydá.

    Slovy je všechno skvělé, ale ve skutečnosti to tak skvělé není: fazety se vytvářejí a používají jen zřídka. Zkuste to a porovnejte rychlost načítání výsledků filtrování.

    5. Analyzujte a vytvořte indexy v databázi

    Indexy se analyzují a vytvářejí zde: Nastavení → Výkon → Indexy → Analýza indexů.

    Klikněte na tlačítko „Provést analýzu shromážděných SQL dotazů“. Pokud jsou zobrazené indikátory zelené, je vše v pořádku: indexy byly vytvořeny. Pokud jsou indikátory žluté, vytvořte je sami. Pokyny v manuálech 1C-Bitrix

    6. Deaktivace nepoužívaných modulů Při inicializaci jádra 1C-Bitrix je připojen velký seznam modulů. Zabírají zdroje, ale nejsou potřeba pro plný provoz webu. Deaktivujeme nepotřebné moduly a získáme zvýšení výkonu. Než to uděláte, nezapomeňte svůj web zálohovat.

    Které moduly se používají zřídka a lze je deaktivovat, aniž by to ovlivnilo provoz webu:

    • Integrace AD/LDAP (ldap)
    • Push and Pull (tah)
    • wiki (wiki)
    • A/B testování (abtest)
    • Webová analytika (statistika)
    • Webový cluster
    • Webový messenger (im)
    • webové služby
    • Návrhář obchodních procesů (bizprocdesigner)
    • Tok dokumentů (pracovní postup)
    • Kalendář akcí (kalendář)
    • Návrhář sestav
    • Správce nápadů
    • Mobilní platforma (mobileapp) – pokud není připojena mobilní aplikace
    • Mobilní aplikace pro internetový obchod (eshopapp) - pokud není mobilní aplikace připojena
    • Učení se
    • Překlad
    • Pošta
    • Technická podpora
    • Univerzální seznamy
    • Řízení měřítka (měřítko).
    Jak na to: přejděte do nastavení modulu Plocha → Nastavení → Nastavení produktu → Moduly a deaktivujte nepotřebné. 7. Nastavte CDN

    Další nejednoznačná věc, která může web buď zrychlit, nebo naopak zpomalit. co to je?

    Teorie:

    „Site Acceleration Module (CDN), který vám umožňuje načíst veškerý statický obsah vašeho webu (obrázky, soubory ve stylu css, skripty js) prostřednictvím distribuční sítě obsahu (Content Delivery Network nebo Content Distribution Network, CDN). Významnou část zdrojů webu si tedy návštěvník stáhne ze serveru, který je mu nejblíže. To umožňuje až několikanásobně zvýšit rychlost načítání stránky.

    Připojení CDN také snižuje zatížení serverů hlavního webu. Vzhledem k tomu, že veškerý statický obsah nestahují návštěvníci vašeho webu přímo z vašich serverů, ale z uzlů CDN, které dokážou obsah velmi efektivně ukládat do mezipaměti, je počet volání přímo na vaše servery snížen“ (zde)

    CDN se konfiguruje zde: Nastavení → 1C-Bitrix Cloud → Akcelerace webu (CDN).

    Praxe

    Ne všechno je tak jednoduché: pro někoho aktivní CDN skutečně zvyšuje výkon, ale pro jiné naopak snižuje rychlost načítání stránek. Existuje pouze jedna cesta ven: testovat a měřit výsledky.

    8. Povolit slučování a kompresi souborů CSS a JS

    V nastavení modulu hlavního webu je magický blok, který vám umožní zlepšit rychlost načítání webu. Říká se tomu „Optimalizace CSS“. Zaškrtněte všechna políčka, uložte změny a otestujte rychlost načítání stránky.


    Přečtěte si podrobně, jak to celé funguje. A stará dobrá Google PageSpeed ​​​​Insights vám pomůže vyhodnotit tyto „před“ a „po“ v kvantitativních a kvalitativních charakteristikách.

    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ředtím 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