Kelajuan memuatkan tapak. 4 faktor utama.

Kelajuan memuatkan tapak. Bagaimana untuk meningkatkan kelajuan muat turun? Masalah utama.

Disyorkan kelajuan memuatkan tapak Google - 2 saat. (dan sekarang lihat pada kelajuan anda)

(Bagaimana untuk menyemak kelajuan memuatkan laman web?Cara paling mudah dan cepat adalah dengan membuka alat pembangun CTRL+SHIFT+ISeterusnya, pilih tab "Rangkaian", kemudian muat semula halaman, untuk melihat kelajuan muat turun yang anda perlukan untuk menyegarkan halaman, Muat semula tanpa cache: anda perlu menekan CTRL + F5 / CTRL + R. Dan di bawah adalah kelajuan muat turun.)

Semak kelajuan memuatkan tapak
menggunakan perkhidmatan daripada Google: PageSpeed ​​​​Insights

(infografik diambil daripada seoprofy ©2014)

Perkara utama yang paling mempengaruhi:

1. Cache
2. css (gaya)
3. JS (skrip)
4. Imej (berat, saiz - ya, betul-betul saiz HxW, data Meta - ya, ada perkara sedemikian, ini adalah maklumat mereka seperti: Tarikh, tajuk, topik, dll.)

Untuk tidak melukis banyak maklumat yang tidak perlu tentang detik-detik kecil yang tidak menjejaskan atau mempunyai kesan yang boleh diabaikan, saya tidak akan menulis tentangnya.

#1 TUNAI

caching (ataucache) ialah penimbal (tempat) di mana sebarang data disimpan. Dalam kes kami, ini ialah Gambar, kod, gaya dan banyak lagi.

Yang paling mudah apa yang anda boleh lakukan sendiri ialah dayakan caching pada pengehosan.
(Jika anda mempunyai pengehosan Ukraine.com.ua, maka anda perlu pergi ke "tetapan tapak" -> "tetapan asas" dan akan ada item "Caching" dan di sana anda memilih jumlah masa yang diperlukan untuk tapak anda akan dicache. Daripada diri saya sendiri, saya mengesyorkan menetapkannya kepada 2 minggu - dengan tempoh caching ini, cerapan kelajuan halaman google menambah banyak mata.)

kaedah lain yang berkaitan dengan htaccess, tag penyemak imbas, dan lain-lain boleh didapati di Internet untuk beberapa artikel dan saya tidak nampak guna mengecat semula. Anda boleh membaca tentang jenis caching dalam artikel tentang Habré.

#2 CSS (gaya)

CSS - (Lembaran Gaya Lata - helaian gaya Lata).
Apa yang boleh dilakukan dengan gaya?
Baiklah Pertama sekali memerah mereka.
Kedua kurangkan bilangan fail, i.e. gabungkan sebanyak mungkin untuk mengurangkan bilangan panggilan ke pelayan.
Ketigabenamkan gaya utama yang mempengaruhi paparan bahagian yang boleh dilihat pada skrin pertama terus ke dalam dan biarkan selebihnya dalam fail.

Saya juga meninggalkan beberapa pautan berguna:

• perkhidmatan pemampatan css
• bagaimana untuk memampatkan fail css

#3 JS (skrip)

Di sini kami juga mempunyai beberapa cara untuk mengoptimumkan skrip.

1. Tangguhkan pemuatan skrip. Puff serendah mungkin, letakkan di belakang atau lebih rendah kadangkala ia membantu, kadangkala ia bukan pilihan. Tetapi titik nombor 2 datang untuk menyelamatkan.
2. ASYNC – pemuatan skrip tak segerak. Ini dilakukan menggunakan parameter "async".

   Terdapat butiran lanjut tentang async di sini.
   Sedikit maklumat lanjut tentang JS dan pengaruhnya.

3. Titik kecil.
   JS juga boleh dimampatkan. Juga bergabung menjadi 1 fail.

#4 Gambar

Anda sentiasa boleh melakukan tiga perkara: Lihat api, lihat air dan optimumkan gambar.

Topiknya agak luas, jadi saya akan cuba memberi anda maklumat penting sahaja.

Optimumkan berat badan.

Bagaimana? Melalui program atau perkhidmatan.

• Program untuk kerja besar-besaran dengan gambar Imej Batu Pantasdengan itu anda boleh
  Pukal ubah saiz imej. Bagaimana dan apa yang sudah google di sana tidak sukar.
  Muat turun Imej Faststone.
  
• Perkhidmatan untuk mengurangkan saiz imej - Panda. Atau sebaliknya TinyPNG & TinyJPG.
  Kelebihan utama ONLINE. Muat naik sahaja fail dan dapatkan semula dalam versi termampat - Kualitinya tidak terjejas sama sekali (itu Ajaib).
  Pautan: tinypng.com & tinyjpg.com

Optimumkan Saiz.

Saiz seperti yang saya tulis di atas boleh diubah menggunakan program imej batu cepat.
Saiznya ialah Tinggi x Berat (Tinggi dengan Lebar).

Contoh:

(Jika anda ingin mengetahui lebih lanjut mengenai perkara ini, anda boleh membaca bantuan Google mengenai topik ini. ARTIKEL daripada Google, tetapi saya memberi amaran kepada anda bahawa ia adalah nerdy sedikit sebanyak)

Sebagai contoh kami mempunyai 2 imej:
1) Berat 100kb, Saiz 500x500
2) Berat 100kb, Saiz 2500x2500
Nampaknya apa perbezaannya, beratnya sama, oleh itu, memuatkannya harus sama rumit atau mudah, tetapi ia tidak ada di sana jika anda menyemaknya dengan kelajuan halaman google insgiht, ia masih akan bersumpah pada resolusi yang lebih tinggi gambar.

Merumuskan: Saiz penting. Berat juga. (selebihnya tidak begitu penting, tetapi mengikut hujah beberapa pakar ia juga mempunyai kesan, sekarang saya bercakap tentang Metadata Imej)

Saya tidak menulis apa-apa tentang data meta, baik, tiada apa-apa untuk ditulis di sini ...
Kosongkan sahaja semua meta data untuk semua imej, mengikut legenda, anda boleh mengurangkan saiz sebanyak 2 kali ganda. Saya mendapat tahu baru-baru ini (mengenai kesan saiz fail, saya fikir ia agak tidak penting).

Secara ringkas mengenai keluaran:

• masalah memuatkan laman web yang paling biasa
• pilihan untuk menyelesaikannya
• apa yang perlu anda perhatikan supaya semuanya baik-baik saja

Jom ke video:

P.S.
Jika anda mempunyai sebarang soalan atau tidak bersetuju dengan sesuatu, tulis mengenainya dalam ulasan.