8 Petua Mempercepat Laman Web Anda

Walaupun tidak ada perkara lain yang saya pasti, satu perkara yang pasti – anda pernah menemui sekurang-kurangnya satu laman web yang perlahan dalam kehidupan anda sebelumnya. Sekiranya perkara itu tidak asing bagi anda, izinkan saya menyampaikan beberapa petua yang telah saya peroleh sejak beberapa tahun kebelakangan ini yang dapat membantu anda mempercepat laman web anda.


Sekiranya anda tidak pasti bahawa kelajuan laman web anda penting, fikirkan kembali masa di mana anda juga menutup tetingkap penyemak imbas sementara menunggu laman web dimuat. Hakikatnya ialah 53% orang meninggalkan laman web yang memerlukan masa lebih dari 3 saat untuk memuatkan.

Prestasi laman web anda penting dan berperanan dalam mempengaruhi kedudukan mesin pencari anda. Sebagai contoh, Google lebih suka laman web pantas dan memberikan kedudukan yang lebih tinggi dalam hasil carian.

Purata masa muat halaman web di industri yang berbeza (sumber).

Uji kelajuan laman web anda

Untuk memulakan, uji seberapa cepat laman web anda dimuat terlebih dahulu. Beberapa alat yang disyorkan adalah:

  • WebPageTest: Kumpulkan prestasi halaman web dari penyemak imbas sebenar yang menjalankan sistem operasi biasa.
  • Pingdom: Membantu menganalisis dan mencari hambatan dalam prestasi laman web.
  • GTmetrix: Menganalisis dan menawarkan pandangan yang boleh diambil tindakan mengenai cara terbaik untuk mengoptimumkan kelajuan halaman web.
  • Bitcatcha: Periksa kelajuan laman web dari lapan negara.

Dengan menggunakan penguji kelajuan laman web, anda dapat mengetahui sejauh mana pengoptimuman laman web anda dengan baik.

Berikut adalah petua untuk mempercepat laman web anda…

1. Pilih Host Web yang Hebat

Menurut pengalaman saya, hosting web mungkin merupakan salah satu pilihan paling penting yang harus anda buat. Terdapat hos web dan kemudian terdapat hos web yang sangat baik. Setiap hos web akan mempunyai ciri yang berbeza, jadi perhatikan item utama seperti teknologi cache proprietari, pemacu keadaan pepejal atau kawalan ke atas kawasan kritikal seperti NGINX.

Saya tidak cukup menekankan ini. Pilihan hos web anda sangat penting. Sekiranya anda tidak biasa dengan mereka, lihatlah tinjauan komprehensif kami mengenai hos web teratas untuk membantu membimbing anda membuat keputusan yang tepat.

2. Minifikasi: Lebih kecil lebih baik

Adalah lazim untuk laman web hari ini dipenuhi dengan fail Javascript dan CSS. Ini menghasilkan banyak permintaan HTTP semasa lawatan yang akhirnya melambatkan laman web anda dengan ketara. Di sinilah pengurangan masuk.

Meminimumkan fail Javascript dan CSS anda dilakukan dengan menggabungkan semua skrip anda menjadi satu fail tunggal (setiap jenis). Ini bukan tugas yang mudah, tetapi jangan bimbang, terdapat pemalam WordPress yang dapat menangani ini untuk anda.

Cubalah salah satu daripadanya untuk bermula dengan: Optimumkan, Minimum Kecepatan Cepat atau Gabungan + Minify + Segarkan

Pengurangan boleh menyebabkan kod anda kelihatan tidak kemas – jangan risau! Ini adalah biasa.

3. Ikut Prinsip KISS

Ini bukan sesuatu yang biasanya diajar oleh kebanyakan guru web, tetapi saya menganggapnya sangat berguna dalam pelbagai cara. KISS adalah singkatan dari “Tetap sederhana, bodoh”. Ini diciptakan oleh beberapa orang pintar pada tahun 1960-an yang menekankan pada kecekapan sistem sederhana.

Sebagai kaedah praktik, saya dapati ini berlaku untuk hampir semua perkara dalam kehidupan – walaupun dalam membuat laman web. Dengan mengelakkan pelaksanaan dan reka bentuk yang terlalu rumit, anda akan mendapat keuntungan dari laman web yang cepat dan yang lebih penting, mudah diurus dan disenggara.

Reka bentuk & Visual

Dengan memastikan reka bentuk dan visual anda tetap sederhana, maksud saya adalah terutamanya dalam bentuk pengurangan overhead. Laman web yang penuh dengan gambar yang menarik, menarik dan video yang menakjubkan mungkin dimuat secepat kemalasan pada hari yang buruk. Tetap kemas dan rapi dan cuba membahagikan pemuatan video dan gambar anda di pelbagai halaman.

Kod & Pemalam

WordPress adalah sesuatu yang luar biasa kerana sangat modular dan begitu mudah digunakan. Tidak kira apa yang anda mahu lakukan, kemungkinan seseorang telah merancang pemalam untuk itu.

Seperti yang menarik, berhati-hatilah dengan memuatkan laman web anda dengan pemalam. Ingat bahawa setiap pemalam direka oleh orang yang berbeza (dan mungkin syarikat yang berbeza). Tujuan mereka adalah untuk mencapai objektif tertentu, bukan untuk menyelaraskan prestasi laman web anda.

Sekiranya boleh, elakkan pemalam untuk perkara yang boleh anda atur sendiri. Contohnya, gunakan pemalam yang akan membantu anda memasukkan jadual ke dalam teks anda. Anda boleh mempelajari beberapa kod HTML asas untuk menarik jadual dan bukannya menggunakan plugin untuk itu?

Beberapa pemalam individu mungkin melambatkan laman web anda dengan ketara, jadi pastikan anda melakukan ujian kelajuan setiap kali anda memasang pemalam baru!

4. Manfaatkan Rangkaian Penyampaian Kandungan

Bagi saya, Rangkaian Penghantaran Kandungan adalah hadiah dari para dewa. Syarikat seperti Cloudflare dan LimeLight Networks mencari nafkah dengan membantu orang lain menikmati penghantaran kandungan yang stabil dan pantas melalui rangkaian pelayan yang berada di seluruh dunia.

Menggunakan CDN akan membantu anda melayan laman web anda dengan lebih pantas dan meningkatkan kelajuan pemuatan di mana sahaja pelawat anda berasal.

Selain itu, menggunakan CDN juga menawarkan perlindungan tambahan terhadap serangan berbahaya seperti Distributial Denial of Service (DDoS).

Sekiranya anda pemilik laman web kecil, Cloudflare mempunyai pilihan percuma yang boleh anda gunakan yang berfungsi dengan baik. Syarikat dan laman web yang lebih besar perlu membayar untuk mendapatkan rancangan yang lebih baik, tetapi memandangkan CND yang sesuai, harganya sepadan!

5. Gunakan Caching

Caching sama seperti kedengarannya – menyimpan fail statik sehingga ketika pengunjung anda datang, laman web anda dapat berkongsi dari halaman yang telah dibina sebelumnya sehingga masa pemprosesan dikurangkan. Dalam kebanyakan kes, perkara yang perlu anda minati ialah cache sisi pelayan.

Kaedah paling berkesan untuk melaksanakan cache sisi pelayan adalah melalui tetapan di pelayan Apache atau NGINX anda. Anda perlu meneliti dokumen-dokumen tersebut dan mencari tetapan yang betul yang akan membantu anda mengatur cache pelayan anda.

Peraturan praktisnya adalah bahawa apa-apa yang memerlukan banyak kerja (pemprosesan) sokongan pelayan harus disimpan dalam cache jika boleh.

Sekiranya terlalu pelik bagi anda, Plugin adalah pilihan lain tetapi sekali lagi, saya tidak mengesyorkan anda menggunakannya.

6. Gambar Lebar Jalur Babi, Optimumkan Milik Anda!

Ini adalah sedikit lanjutan dari kata-kata saya yang terdahulu terhadap gambar dan video besar-besaran di bawah prinsip KISS. Oleh itu, saya faham bahawa visual adalah kunci untuk menjadikan laman web kelihatan cantik. Oleh kerana kita sama sekali tidak dapat mengelakkan penggunaannya, mari kita pastikan bahawa gambar yang anda gunakan selancar mungkin,

Kandungan web sebahagian besarnya asas, walaupun berkaitan dengan gambar. Sebilangan besar laman web yang saya temui memuatkan seperti babi yang mati sering diseret ke bawah oleh gambar besar yang tidak mempunyai tujuan sebenarnya.

Saya tidak mengatakan bahawa anda tidak boleh mempunyai gambar yang lebih besar, tetapi pastikan gambar tersebut dioptimumkan dengan betul sebelum memuat naiknya.

Terdapat dua cara untuk melakukan ini. Sekali lagi, yang pertama adalah melalui plugin seperti WP Smush. Alternatifnya, atau bagi mereka yang tidak menggunakan WordPress, adalah alat pengoptimuman gambar pihak ketiga seperti Image Compressor atau JPEG Optimizer.

Sebilangan besar alat pengoptimuman gambar akan membolehkan anda memperincikan perincian resolusi pada gambar anda sehingga anda dapat mengurangkannya secara beransur-ansur. Mereka akan kelihatan hampir sama dengan mata yang tidak terlatih, tetapi ukurannya jauh lebih kecil.

Ini diperbesar di kawasan gambar HD (kiri). Asalnya 2.3MB dan setelah dioptimumkan, ia dikurangkan menjadi 331kb!

7. Gunakan Pemampatan gzip

Sekiranya anda pernah mendengar mengenai pemampatan gambar, atau mungkin mengarkibkan (ZIP atau RAR), anda mungkin akan terbiasa dengan teori di sebalik pemampatan gzip. Ini memampatkan kod laman web anda, menghasilkan peningkatan kecepatan hingga 300% (hasilnya bervariasi).

Walaupun untuk sesuatu yang teknikal seperti ini, anda boleh terus menggunakan plugin seperti PageSpeed ​​Ninja. Walau bagaimanapun, terdapat kaedah yang lebih cekap yang hanya melibatkan penyuntingan fail .htaccess anda sekali.

Tambahkan kod di bawah ke fail .htaccess anda dan anda akan ditetapkan:

# Kompres HTML, CSS, JavaScript, Teks, XML dan fon

Aplikasi / javascript AddOutputFilterByType DEFLATE

AddOutputFilterByType DEFLATE aplikasi / rss + xml

AddOutputFilterByType DEFLATE aplikasi / vnd.ms-fontobject

Aplikasi AddOutputFilterByType DEFLATE / x-font

Aplikasi AddOutputFilterByType DEFLATE / x-font-opentype

Aplikasi AddOutputFilterByType DEFLATE / x-font-otf

Aplikasi AddOutputFilterByType DEFLATE / x-font-truetype

Aplikasi AddOutputFilterByType DEFLATE / x-font-ttf

Aplikasi AddOutputFilterByType DEFLATE / x-javascript

Aplikasi AddOutputFilterByType DEFLATE / xhtml + xml

Aplikasi AddOutputFilterByType DEFLATE / xml

Tambah font / opentype AddOutputFilterByType DEFLATE

AddOutputFilterByType DEFLATE fon / otf

AddOutputFilterByType DEFLATE fon / ttf

AddOutputFilterByType DEFLATE gambar / svg + xml

AddOutputFilterByType DEFLATE gambar / ikon x

AddOutputFilterByType DEFLATE teks / css

AddOutputFilterByType DEFLATE teks / html

AddOutputFilterByType DEFLATE teks / javascript

AddOutputFilterByType DEFLATE teks / dataran

AddOutputFilterByType DEFLATE teks / xml

* Catatan: Pastikan anda menambahkan kod ini DI BAWAH barang yang anda ada dalam fail .htaccess anda.

8. Mengurangkan pengalihan

Biasanya, penyemak imbas menerima pelbagai bentuk alamat yang seterusnya diterjemahkan menjadi alamat rasmi yang dikenali oleh pelayan anda. Contohnya www.example.com dan example.com. Kedua-duanya boleh pergi ke laman web yang sama, tetapi satu memerlukan pelayan anda untuk mengalihkannya ke alamat yang dikenali secara rasmi.

Pengalihan itu memerlukan sedikit masa dan sumber daya, jadi tujuan anda adalah memastikan laman web anda dapat dijangkau dengan tidak lebih dari satu pengalihan. Gunakan mapper pengalihan ini untuk melihat apakah anda melakukannya dengan betul.

Memandangkan kerumitan melakukan ini dengan betul dan masa yang terlibat secara berterusan, ini adalah satu kali saya mengesyorkan menggunakan pemalam seperti Redirection.

Laman Web yang Lebih Cepat Jadikan Pengunjung (dan Google) Senang

Kelajuan jalur lebar hari ini, walaupun pada telefon bimbit, telah meningkat dengan banyak dan akan meningkat lebih banyak lagi. Itu bermakna bahawa ada sedikit alasan yang tersisa bagi pemilik laman web agar pelawat mereka menggunakan laman web yang lambat memuatkan.

Percayalah, anda akan terus kehilangan pengunjung dan pada satu ketika, mendapat reputasi buruk sehingga anda akan dikenali sebagai “Oh, laman web ITU”. Sekiranya anda menjalankan perniagaan dalam talian, itu akan menjadikannya lebih teruk kerana anda akan membunuh angsa emas anda sendiri.

Walaupun 8 petua di atas yang saya berikan tidak semestinya menjadi semua dan akhirnya, ini akan memberi anda permulaan dan beberapa idea bagaimana menguruskan sesuatu dengan lebih baik. Mempercepat laman web anda hari ini dan mengekalkan pelanggan atau pelawat anda.

Jangan berakhir sebagai laman web ITU.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map