Ta notatka nie będzie bezpośrednio dotyczyć możliwości Bitrix. Podam kilka podstawowych zasad zwiększania szybkości witryny.1. Musisz zmniejszyć liczbę żądań HTTP.
Strona to nie tylko strona HTML, ale także zdjęcia, pliki JavaScript, pliki stylów. Jeśli zmniejszymy ilość tych plików, to zwiększymy prędkość ładowania strony.
Po pierwsze, w najnowszych wersjach silnika 1C-Bitrix wszystko zostało już zrobione. Możesz włączyć te pola wyboru w ustawieniach modułu głównego.
Zatem podczas programowania możesz mieć tyle plików ze stylami, ile potrzebujesz, a przekazując je do produkcji, zaznacz checkboxy, a wszystkie pliki css zostaną scalone w jeden.
W drugim punkcie niestety nie znalazłem gotowych rozwiązań, choć w zasadzie rozwiązanie powinno być dokładnie takie samo jak w przypadku CSS.
Aby wdrożyć trzeci punkt, musisz natychmiast stworzyć układ w oparciu o jedno zdjęcie. Na temat technologii tworzenia sprite'ów CSS napisano już wiele artykułów.
2. Wszystkie pliki CSS muszą być umieszczone na górze strony
Jeśli zastosujesz standardowe podejście Bitrix do integracji układu z projektem, tak się stanie.
3. Minimalizacja kodu plików CSS i JS, zmniejszenie rozmiaru obrazków, kompresja strony GZIP.
Aby zminimalizować kod pliku CSS, wystarczy zaznaczyć pole „Utwórz skompresowaną kopię połączonego pliku CSS”. Istnieją specjalne rozwiązania minimalizujące kod plików JavaScript, takie jak http://yuilibrary.com/download/ yuikompresor/ .
Aby włączyć kompresję GZIP w Bitrixie, wystarczy zainstalować moduł Compression ze standardowej dystrybucji Bitrix.
4. Skorzystaj z Bibliotek Google, aby pobrać duże biblioteki JavaScript
Przynajmniej w miarę możliwości. Jquery zdecydowanie powinno być połączone w ten sposób.
//
5. Pamiętaj, aby korzystać z pamięci podręcznej przeglądarki.
Aby to zrobić należy zainstalować mod_expires dla Apache2 i skonfigurować go w taki sposób, aby statyczne informacje były buforowane przez przeglądarkę przez bardzo długi czas. Na przykład tak:
// Kod pliku .htaccess
Dołączenie nagłówka Kontrola pamięci podręcznej „publiczny” FileETag MRozmiar czasu ExpiresActive On ExpiresDefault „dostęp plus 0 minut” ExpiresByType image/ico „dostęp plus 1 rok” ExpiresByType tekst/css „dostęp plus 1 rok” ExpiresByType tekst/javascript „dostęp plus 1 rok” ExpiresByType image/gif „dostęp plus 1 rok” ExpiresByType image/jpg „dostęp plus 1 rok” ExpiresByType image/jpeg „dostęp plus 1 rok” ExpiresByType image/bmp „dostęp plus 1 rok” ExpiresByType image/png „dostęp plus 1 rok”
Na tym kończę mój krótki przegląd podstawowych zasad zwiększania szybkości ładowania strony.
Jak wiadomo, Bitrix Framework składa się z modułów. Właściwie rdzeń Bitrix to także moduł, tzw. „Moduł główny”, uzupełniony systemem instalacji aktualizacji SiteUpdate. Standardowych modułów jest tylko 40, w różnych edycjach są one zawarte w różnych konfiguracjach.Przykładowo minimalna wersja „Starta” obejmuje 4 moduły: „Moduł główny”, „Kontrola struktury”, „Bloki informacyjne” i „Kompresja”. A minimalna edycja do handlu internetowego, zwana „Small Business”, składa się tylko z 28 modułów, w tym z modułu głównego. Mianowicie:
1. Moduł główny
2. Katalog handlowy
3. Galeria zdjęć 2.0
4. Zarządzanie strukturalne
5. Sklep internetowy
6. Usługi społeczne
7. Bloki informacyjne
8. Waluty
9. Sondaże
10. Wysokie bloki
11. Monitor wydajności
12. Fora
13. Moduł SEO
14. Przechowywanie w chmurze
15. Przechowywanie w chmurze
16. Blogi
17. Szukaj
18. Usługi w chmurze
19. Subskrypcja, mailingi
20. Obrona proaktywna
21. Skala
22. Marketing e-mailowy
23. Kompresja
24. Tłumaczenie
25. Platforma mobilna
26. Formularze internetowe
27. Aplikacja mobilna
28. Technologia Push & Pull
Modułami zarządza się w sekcji administracyjnej w Ustawieniach > Ustawienia produktu > Moduły. Należy pamiętać, że instalacja modułu wymaga zasobów hostingowych, przede wszystkim miejsca na dysku. Dlatego po zakupie edycji należy dokładnie przestudiować listę zainstalowanych modułów, wyjaśnić, jakie zadania wykonują i usunąć (odinstalować) nieużywane moduły.
Bezpłatna instalacja modułu Bitrix z Marketplace. Po wejściu do panelu administracyjnego przejdź do zakładki Marketplace. Znajdź moduł, którego potrzebujesz, wyszukując według nazwy. Klikając na ikonę przechodzimy do strony ładowania modułu. Kliknij przycisk „Pobierz”, a następnie przycisk „Zainstaluj”. Po zakończeniu instalacji skonfiguruj moduł w sekcji Moduły panelu administracyjnego. W tym celu przejdź do Ustawienia > Ustawienia produktu > Moduły, wybierz nazwę zainstalowanego modułu i przejdź do ustawień klikając na niego. Bezpłatna instalacja darmowego modułu Bitrix z archiwum Pobierz archiwum modułów (tylko z zaufanego źródła! W przeciwnym razie sam otworzysz bramy przed hakerami!). Prześlij archiwum na hosting do folderu /bitrix/modules/MODULE NAME. Następnie rozpakuj archiwum na hostingu i usuń plik archiwum. Zaloguj się do panelu administracyjnego i przejdź do Ustawienia > Ustawienia produktu > Moduły. Znajdź swój nowy moduł na liście dostępnych modułów i rozpocznij instalację klikając przycisk „Zainstaluj”. Po zakończeniu zobaczysz moduł na liście zainstalowanych modułów i będziesz mógł go skonfigurować. Płatna instalacja modułu Bitrix z Marketplace Dziesiątki tysięcy modułów jest dostępnych na Bitrix Marketplace za niewielkie pieniądze, pomagając przyspieszyć witrynę, uprościć rutynowe procedury konserwacji, zwielokrotnić szybkość pracy z katalogiem handlowym i zapewnić znaczną pomoc z optymalizacją wyszukiwarek. Katalog Marketplace zawiera 245 gotowych sklepów internetowych, 373 gotowe strony internetowe, 127 rozwiązań branżowych i 45 rozwiązań SEO.Aby zainstalować płatny moduł Bitrix z Marketplace, znajdź jego kartę w katalogu, kliknij przycisk Kup i zapłać za moduł. Wkrótce otrzymasz e-mail od programisty z kuponem aktywacyjnym i instrukcją instalacji. Następnie zaloguj się do swojego panelu sterowania, przejdź do zakładki Marketplace, a w sekcji Aktualizacja rozwiązania przejdź do zakładki Aktywacja kuponu. Wprowadź kod kuponu. Następnie nazwa zakupionego modułu pojawi się na liście dostępnych modułów. Kliknij przycisk „Zainstaluj”, a następnie postępuj analogicznie, jak przy instalacji darmowego modułu.
Dziś dowiemy się jak poprawnie sformatować plik header.php w Bitrixie, jak poprawnie dołączyć .css i .js do header.php, jak poprawnie dołączyć jQuery do Bitrixa oraz jak włączyć kompresję plików .css i .js w Bitrixie.
Jest to dziś bardzo palący i pilny problem. Najczęstsze wywołania modułów związane są z błędami w skryptach, gdy jQuery jest w nich nieprawidłowo zawarte nagłówek.php, a bardzo często podłączonych jest kilka jQuery, ale tylko jedna biblioteka jQuery powinna być podłączona na wszystkich stronach witryny i jako pierwsza spośród wszystkich skryptów szablonów witryny.
Na jednej stronie był zapis, naliczyłem 7 połączonych bibliotek jQuery, po prostu jedna osoba była zmęczona szukaniem błędów i nie było dokąd pójść, gdy problem został znaleziony i naprawiony, wszystko zaczęło działać poprawnie na stronie.
Jak dobrze powinien być sformatowany plik nagłówek.php szablon strony w Bitrixie:
