Bitrix sıkıştırma modülünün nasıl kurulacağı. Sayfa yükleme hızını artırma ilkeleri. Ücretsiz Bitrix modülünün arşivden ücretsiz kurulumu

Bu not doğrudan Bitrix'in yetenekleriyle ilgili olmayacaktır. Web sitesi hızını artırmak için size birkaç temel prensip vereceğim: 1. HTTP isteklerinin sayısını azaltmak gerekir.

Bir web sitesi yalnızca bir html sayfası değil aynı zamanda resimler, javascript dosyaları ve stil dosyalarından da oluşur. Bu dosyaların sayısını azaltırsak sayfa yükleme hızını arttırmış oluruz.

• stil dosyaları tek bir dosyada birleştirilebilir
• javascript dosyaları da tek bir dosyada birleştirilebilir
• Kulağa ne kadar tuhaf gelse de resimler css sprite adı verilen tek bir dosyada birleştirilebilir.

İlk noktada, 1C-Bitrix motorunun en son sürümlerinde her şey zaten yapılmıştır. Bu onay kutularını ana modül ayarlarında etkinleştirebilirsiniz.

Böylece, geliştirme sırasında ihtiyaç duyduğunuz kadar stile sahip dosyaya sahip olabilirsiniz ve üretime aktardığınızda onay kutularını etkinleştirdiğinizde tüm css dosyaları tek bir dosyada birleştirilecektir.

İkinci noktaya gelince, maalesef hazır bir çözüm bulamadım, ancak özünde çözümün CSS ile tamamen aynı olması gerekiyor.

Üçüncü noktayı uygulamak için, düzeni hemen bir resme göre yapmalısınız. CSS sprite oluşturma teknolojisi hakkında birçok makale yazıldı.

2. Tüm CSS dosyaları sayfanın başına yerleştirilmelidir

Düzeni tasarıma entegre etmek için standart Bitrix yaklaşımını kullanıyorsanız bu sizin için de geçerli olacaktır.

3. CSS dosyalarının ve JS dosyalarının kodunun küçültülmesi, görsellerin boyutunun küçültülmesi, GZIP sayfa sıkıştırması.

Bir CSS dosyasının kodunu en aza indirmek için "Birleşik CSS dosyasının sıkıştırılmış bir kopyasını oluştur" kutusunu işaretlemeniz yeterlidir. Javascript dosyalarının kodunu en aza indirmek için http://yuilibrary.com/download gibi özel çözümler vardır. /yuikompresör/.

Bitrix'te GZIP sıkıştırmasını etkinleştirmek için standart Bitrix paketinden Sıkıştırma modülünü yüklemeniz yeterlidir.

4. Büyük javascript kitaplıklarını indirmek için Google Kitaplıklarını kullanın

En azından mümkün olduğu ölçüde. Jquery kesinlikle bu şekilde bağlanmalıdır.

//

5. Tarayıcı önbelleğinizi kullandığınızdan emin olun.

Bunu yapmak için Apache2 için mod_expires kurmanız ve bunu, statik bilgilerin tarayıcı tarafından çok uzun süre önbelleğe alınacağı şekilde yapılandırmanız gerekir. Örneğin şöyle:

// dosya kodu.htaccess

Başlık ekleme Önbellek Kontrolü "genel" FileETag MTime Size ExpiresActive On ExpiresDefault "erişim artı 0 dakika" ExpiresByType image/ico "erişim artı 1 yıl" ExpiresByType text/css "erişim artı 1 yıl" ExpiresByType text/javascript "erişim artı 1 yıl" ExpiresByType image/gif "erişim artı 1 yıl" ExpiresByType image/jpg "erişim artı 1 yıl" ExpiresByType image/jpeg "erişim artı 1 yıl" ExpiresByType image/bmp "erişim artı 1 yıl" ExpiresByType image/png "erişim artı 1 yıl"

Bu, sayfa yükleme hızını artırmanın temel ilkelerine ilişkin kısa genel bakışımı tamamlıyor.

1C-Bitrix sistemi yalnızca Rusya pazarında değil aynı zamanda yabancı geliştiriciler arasında da en popüler sistemlerden biri olarak kabul ediliyor. Web sitesi yönetimi kolaylığı ve esnek ayarlarla öne çıkıyor.

1C-Bitrix sistemi çeşitli karmaşıklıktaki web sitelerini çalıştırır: haber kaynakları, kartvizitler, sosyal ağlar, çevrimiçi mağazalar ve benzerleri. Ancak zamanla web sitesi sayfaları giderek daha yavaş yüklenir.

Bitrix görsellerinin optimizasyonunda CMS'nin kendisi tarafından yapılmayan sorun, üçüncü taraf araçlar tarafından çözülmektedir. Görsellerin daha az yer kaplaması ve daha hızlı yüklenmesi için Bitrix'te görselleri optimize etmeye yönelik bir eklenti kullanmanız gerekir. Bu eklenti OptiPic çözümüdür.

OptiPic aracılığıyla Bitrix'teki site görsellerini optimize etmek, site yüklemesini 2-3 kat hızlandırmanıza olanak tanır. Uygulama, kaynakların aslında daha hızlı yüklendiğini zaten göstermiştir ve bu, kullanıcıların kendileri tarafından da belirtilmiştir. Bu özellikle çevrimiçi mağazalar ve kataloglar için kritik öneme sahiptir çünkü alıcılar sayfanın yüklenmesini bekleyip rakibin kaynağına gitmeyebilir.

OptiPic - Bitrix görüntü sıkıştırma eklentisi, bir görüntü dosyasındaki teknik verileri tanımlayan ve bunları kaldıran bir algoritma üzerine kurulmuştur. Bu veriler resmin kalitesini ve görünümünü etkilemez ancak yine de boyutunu etkiler. Bazı durumlarda teknik veriler dosya boyutunun %90'ını kaplar.

Bu nedenle Bitrix'teki görüntüleri sıkıştırmak için OptiPic kullanılır. Görüntü boyutundaki ortalama azalma %70'tir. Ayrıca eklentiyi bir kez yapılandırmanız yeterlidir ve gelecekte hem sunucuya önceden yüklenmiş görsellerle hem de siteye eklenen görsellerle çalışacaktır.

Bitrix'te web sitesi görsellerinin sıkıştırılması arka planda gerçekleşir ve büyük bilgi işlem gücü gerektirmez. Kaynak ziyaretçileri için sayfanın daha hızlı yüklenmesi dışında hiçbir şey olmayacak. Yöneticiler, zamanla eklentinin görüntülerin boyutunu azaltarak sunucunun sabit sürücüsünde nasıl yer açtığını görebilecek.

Bitrix'te görüntüleri optimize etmek artık yöneticinin manuel müdahalesini gerektirmeyecek. OptiPic'i kurun ve gerekli tüm işlemler otomatik olarak gerçekleştirilecektir.

Görüntü optimizasyonu, görsel kaliteyi kaybetmeden boyutunu en aza indirmek için bir grafik dosyasının özel bir şekilde işlenmesidir.

Bu prosedürü gerçekleştirmek için çok sayıda oldukça karmaşık algoritma vardır. Bununla birlikte, hepsi aynı temele dayanmaktadır - orada bulunan tüm hizmet verilerini (örneğin, bu dosyayı saklayan programın adı vb.) Grafik dosyasından ve ayrıca özel programlar kullanarak kaldırmanız gerekir, benzer renkleri birleştirin/düzeltin.

Sonuç olarak görsel olarak hiçbir şekilde değişmeyen aynı görüntüyü elde ediyoruz. Ancak bu dosyanın bayt cinsinden hacmi (ağırlığı) orijinalinden çok daha az olacaktır. Bu işlem doğru yapılırsa görüntü kalitesi kaybı olmadan görüntü dosyası %98'e kadar küçültülebilir.

Bu, site sayfalarındaki görsellerin optimize edildikten sonra çok daha hızlı yükleneceği anlamına gelir.

• Disk alanından tasarruf.
• Sayfa yüklemesini hızlandırın.
• Artan dönüşüm.
• Arama sonuçlarında daha iyi web sitesi sıralaması.

Web sitesi hızlandırmanın davranışsal faktörleri iyileştirebileceği ve ayrıca web sitesi dönüşümünü artırabileceği (satışları artırabileceği) kanıtlanmıştır. Site sayfasının yüklenmesi ne kadar uzun sürerse, o kadar az alıcı orada belirli hedeflenen eylemleri gerçekleştirebilecektir. İnternet siteniz yeterince hızlı değilse, potansiyel gelirinizi kaçırma olasılığınız yüksektir. Bir İnternet kaynağının çalışmasını hızlandırmak, dönüşümü iyileştirmeyi ve dolayısıyla geliri önemli ölçüde artırmayı ve daha fazla müşteri çekmeyi mümkün kılacaktır.

• Aylık ödeme yoktur.
• Tam otomasyon.
• Bağlantı konusunda ücretsiz yardım sağlamak.
• Sıkıştırılmış görsellerin internet adresi (URL) değişmez, web sitenizde saklanmaya devam eder.
• Hizmete bağlanmak ve hizmeti kullanmak için özel programlama veya yönetim becerilerine sahip olmanıza gerek yoktur.
• Sistemde görüntü boyutunda herhangi bir kısıtlama yoktur.
• Rusça teknik destek.

Herhangi bir web sitesinin bir sayfası çoğunlukla aşağıdakilerden oluşur:

• Görüntüler;
• html kodu (metin içeriği, düzen, işaretleme);
• video;
• tarayıcı tarafından yürütülen mantıkla javascript komut dosyaları;
• sayfa stillerine sahip css dosyaları.

Resim gibi bir öğe, site sayfalarındaki toplam hacmin çoğunu kaplar ve sayfaların “en ağır” kısmıdır. Resimlerin azaltılması (optimize edilmesi), şüphesiz herhangi bir İnternet kaynağının yüklenmesini önemli ölçüde daha hızlı hale getirecektir.

Buna göre, görsellerin hacmini (daha az ölçüde) değiştirirseniz, sitenin tüm sayfaları çok daha hızlı yüklenmeye başlayacaktır.

Bir web sitesindeki görsellerin sıkıştırılması, görsel kalitelerini kaybetmeden hacimlerinin %75-98'e düşürülmesini mümkün kılacaktır.

Kayıt olduktan sonra, hesabınızı etkinleştirme bağlantısını içeren bir e-posta alacaksınız. Bu bağlantıyı takip edin. Daha sonra web sitemizde kişisel hesabınıza gidin Profil > Sitelerim, Site ekle düğmesini tıklayın, sitenizin URL'sini girin ve Siteye bağlan düğmesini tıklayın.

Siteyi sisteme ekledikten sonra İndirme modülü sekmesine gidin.

Orada modülle birlikte arşivi indirmeniz gerekiyor. Bu arşivi paketinden çıkarın ve web sitenize (sitenin kök klasörüne) yükleyin. Sonuç olarak sitenizin, sitenin kökünde aşağıdaki yapıya sahip bir site klasörü olması gerekir:

• İnternet sitesi
  • yapılandırma.php
  • yardım.php
  • index.php

Bundan sonra sitede şu sayfa bulunmalıdır: http://alan-adiniz..php.

Modülü sitenize yükledikten sonra, site ayarlarında site indekslemeyi etkinleştirmeniz ve OptiPic sistemi tarafından ilk site indekslemesini beklemeniz gerekecektir - bu 24 saat içinde gerçekleşir. Süreci hızlandırmak istiyorsanız sitenizi dizine eklenmesi için manuel olarak gönderin.

İlk indeksleme tamamlandıktan sonra sistem, sitenizde kaç görselin (kaç gigabayt?) bulunduğunu gösterecektir. Bu, Sıkıştırma İndeksi ve İstatistikler sekmesinde yapılabilir.

Artık sitenizdeki görsellerin hacmini bildiğinize göre ihtiyacınız olan paketi satın alın ve site ayarlarında sıkıştırmayı etkinleştirin.

Bugün Bitrix'te başlık.php'yi doğru şekilde nasıl biçimlendireceğimizi, başlık.php'de .css ve .js'yi nasıl doğru şekilde bağlayacağımızı, Bitrix'te jQuery'yi doğru şekilde nasıl bağlayacağımızı ve Bitrix'te .css ve .js dosyalarının sıkıştırılmasını nasıl etkinleştireceğimizi öğreneceğiz.

Bu günümüzün çok ciddi ve acil bir sorunudur. Modüllere yönelik en sık talepler, jQuery'nin doğru şekilde bağlanmadığı durumlarda komut dosyalarındaki hatalarla ilgilidir. başlık.php ve çoğu zaman birkaç jQuery bağlanır, ancak sitenin tüm sayfalarına yalnızca bir jQuery kitaplığı ve tüm site şablonu komut dosyaları arasında ilki bağlanmalıdır.

Bir sitede bir kayıt vardı, bağlantılı 7 jQuery kütüphanesi saydım, kişi hata aramaktan yorulmuştu ve gidecek hiçbir yer yoktu, sorun bulunup çözüldüğünde sitede her şey doğru çalışmaya başladı.

Peki dosya nasıl doğru biçimlendirilmelidir? başlık.php Bitrix'teki web sitesi şablonu: