Bagaimanakah saya dapat mengurangkan masa beban halaman dan saiz halaman?


Jawapan 1:

BackEnd -

Mengoptimumkan hujung akan bergantung pada teknologi apa yang anda gunakan menggunakan ukuran dimana kemacetan berada di server kemudian mula mengoptimalkan

Alat seperti New Relic boleh membantu di depan ini tetapi ada laluan lain seperti log pertanyaan di MySQL, menambah masa diambil ke konfigurasi Apache, log, menggunakan xdebug, profiler dll.

FrontEnd

1) Imej

Tumpuan besar untuk prestasi kami adalah

mengoptimumkan imej.

Gunakan format fail yang betul dengan dimensi yang betul, Gabungkan berbilang imej ke dalam sprite, gunakan peta imej, kecil

Imej saksama

(

data

: Skim URL

), menggunakan mampatan tanpa kerugian untuk imej, memuatkan malas, selepas dimuat di bawah imej kandungan lipat.

2) Javascript

elakkan dan

meminimumkan penggunaan menyekat JavaScript

. menyimpan kritikal javascript saiz kecil kritikal yang penting di atas lipatan. postload semua js yang tidak diperlukan untuk melebihi kandungan fi fi. untuk mengelakkan js luaran daripada menyekat parser menggunakan tag async

meletakkan

stylesheets di TOP

membolehkan halaman itu untuk memperlihatkan secara progresif.

4) Kurangkan Permintaan HTTP

Untuk mengurangkan bilangan permintaan HTTP menggabungkan semua fail skrip kecil ke skrip tunggal, dan menggabungkan semua CSS ke dalam satu helaian gaya tunggal.

5) Digunakan

Rangkaian Pengiriman Kandungan.

6) Memutihkan JavaScript dan CSS dan Gzip Components

7) Komponen Split di Domain Berbilang untuk memaksimumkan muat turun selari

8) Elakkan Empty Image src, mengurangkan Saiz Cookie

9) Teg pihak ketiga, analisis, penargetan semula, iklan, widget sosial.

10) Gunakan Jumlah Minimum Font Files, Gunakan CSS

Carian untuk

laluan persembahan kritikal

di google dan baca

artikel

jalankan pemeriksaan prestasi asas web

menggunakan alat prestasi web yang tersedia seperti Google PageSpeed,

Ujian Pengoptimuman Laman Web dan Pengoptimuman


Jawapan 2:

80 hingga 90 peratus masa pengguna akhir dibelanjakan pada bahagian hadapan. Untuk membuat laman web anda lebih cepat cuba mengikuti beberapa langkah seperti 1. Skrip java di laman web anda mesti dimuatkan terakhir iaitu mereka mesti saya letakkan selepas itu tag.Ini kerana ia menghalang permintaan fail / muat turun yang diperlukan untuk menjadikan laman web anda.2.Minimumkan bilangan permintaan (css / js / fail imej) yang mungkin. Secara umum 4-8 aset (imej / js / css / fon) dimuat turun selari dari domain yang sama.3.Send sebagai data yang sedikit sebanyak mungkin dengan memampatkan it.also menghapuskan gaya css yang tidak perlu dan js files.use versi minised css dan js files.Place semua permintaan fail css di atas ie di kepala wilayah4.Gunakan sprite iaitu menggabungkan beberapa ikon dalam satu imej yang lebih besar kerana ia mengurangkan permintaan nombor .5.Spread aset anda melalui beberapa domain.Gunakan selari sebagai mungkin.Gunakan CDN jika mungkin.for contoh menggunakan CDN jquery.

Saya harap ini berguna :)


Jawapan 3:

Pertama sekali, saya cadangkan anda melibatkan diri dengan syarikat ujian perisian untuk menganalisis sepenuhnya masa laman web anda.

Untuk mengurangkan masa beban, anda perlu meminimumkan saiz imej, memilah css dan js .. Jika tiada apa-apa yang berjaya, cuba gabungkan semua fail javascript ke dalam satu.

Ujian Prestasi & Beban Laman Web | Indium Software USA


Jawapan 4:

Saya akan memfokuskan jawapan saya pada imej kerana hampir dua pertiga kandungan web terdiri daripada mereka.

Itulah terlalu banyak faktor untuk diabaikan.

Terdapat beberapa sebab mengapa imej mungkin melambatkan masa beban halaman anda. Mujurlah, mereka agak mudah dikendalikan.

Pertama, anda harus pergi ke

Insight PageSpeed

dan uji tapak web anda untuk mengetahui sama ada imej anda menyusahkan.

***

1.Too gambar imej yang besar boleh mengambil masa yang lama untuk memuatkan

Untuk membaikinya, cari yang optimum

saiz paparan

&

resolusi.

Tentukan lebar dan ketinggian yang baik untuk paparan imej pada peranti pengguna akhir yang berbeza seperti desktop, komputer riba, tablet, telefon pintar.

Skrin laptop 15 "standard mempunyai keupayaan paparan sekitar 100 PPI (Pixels Per Inch) atau DPI (Dots Per Inch). Tidak ada gunanya melayani imej resolusi 300 DPI.

JPEG, GIF, dan PNG adalah format fail standard yang boleh memampatkan imej untuk mengambil bilangan bait yang kurang, dengan itu mengurangkan saiz fail yang hendak dimuat turun. Walau bagaimanapun, ketiga-tiga jenis fail ini boleh dioptimumkan dengan lebih lanjut dengan mengurangkan overhead yang tidak perlu yang disimpan dengan imej dalam bentuk meta-data.

2. Secara serentak memuatkan HTML, CSS, JavaScript, dan Imej

Apabila halaman web Anda serentak memuatkan semua HTML, CSS, JavaScript dan imej bersama-sama, masa penghalaan permulaan boleh menjadi sangat tinggi.

Betulkan ini dengan menunda pengambilan imej. Muatkan secara asinkron selepas CSS dan HTML yang diperlukan telah diberikan. Imej-imej itu boleh diletakkan di bawah lipatan dan dimuatkan dengan syarat menggunakan JavaScript apabila pelawat menatal ke bahagian relevan halaman.

3.

Terlalu banyak imej dan permintaan HTTP

Terlalu banyak imej di laman web tidak hanya meningkatkan saiz beban tetapi juga boleh mencekik sambungan ke pelayan dengan menghantar lebih daripada permintaan HTTP yang dibenarkan.

Terdapat beberapa penyelesaian untuk ini, termasuk mengurangkan bilangan imej, menggunakan CDN dan menaik taraf pelayan anda.

***

Sekiranya anda tidak dapat mengurangkan jumlah imej, atau anda telah mencuba segala-galanya tanpa keputusan yang memuaskan, pergi ke pos ini

untuk beberapa lagi teknik yang perlu anda pergi!


Jawapan 5:

Apakah penyebab laman perlahan yang biasa?

Imej besar dan kod miskin secara tradisinya dianggap faktor utama, yang menyebabkan masalah.

  • Gambar-gambar besar sering menjadi sebab utama untuk memuatkan laman web lambat. Itulah sebabnya tidak mengoptimumkan imej laman web, anda berisiko untuk mendapatkan halaman yang menduduki pelbagai megabait ruang.
  • Selain itu, tema dan fail besar di luarnya juga boleh memperlahankan perkara.
  • Hosting boleh menjadi sebab kehilangan kelajuan beban.
  • Plugin, aplikasi, widget, sebenarnya, mana-mana skrip pihak ketiga boleh memperlahankan laman web ini.
  • Pengalihan adalah bernilai menyebut serta JavaScript, menjadi mata penting untuk dilihat.

Semua faktor ini boleh mempengaruhi kelajuan tapak bersama atau secara bebas, sebab itulah penting untuk mengetahui alat, untuk digunakan untuk analisis dan metrik untuk memberi perhatian kepada. Tidak kurang penting ialah cara dan cara untuk meningkatkan prestasi laman web anda.

Sumber: LoadStorm

Sekarang mari kita berurusan dengan cara yang digunakan untuk meningkatkan prestasi laman web anda di kedua-dua komputer dan mudah alih.

1. Memohon pemeliharaan

Anda boleh meningkatkan skor google dengan meminimumkan ruang yang dikekang oleh HTML anda. Proses pemeliharaan membantu di sini banyak melalui penetapan dan menghapus data yang tidak diperlukan atau diduplikasi. Walaupun ia mungkin melibatkan kod mengubah, memformat, memendekkan atau mengeluarkan apabila perlu, seseorang itu tidak perlu menjadi jenius pembangunan untuk merealisasikannya. Terdapat pilihan dan alat plugin WP yang luar biasa untuk tujuan itu,

Minify

menjadi satu di atas mereka.

2. Pengoptimuman masa muat imej laman web

Pengguna tidak menyukai bulatan itu berputar semasa gambar dimuatkan, jadi pengunjung yang kecewa hanya boleh pergi. Untuk mengelakkan ini, pilih format yang betul atau imej tapak dimampatkan. Terdapat banyak alat, plugin WP Smush Image atau aplikasi web Squoosh, hanya untuk menamakan beberapa.

Sebaliknya, adalah penting untuk memastikan gambar tidak terlalu kecil, tidak tepat atau pixelated, mereka boleh merosakkan profesionalisme atau kredibiliti anda. Jadi menguji pelbagai saiz imej pada semua skrin untuk memastikan semuanya dipaparkan dengan betul.

3. Melaksanakan AMP

Halaman Mudah Alih Dipercepat adalah pilihan untuk menyediakan laman web anda dengan kelajuan kilat pada mudah alih. Mereka adalah alternatif kepada halaman laman biasa dengan maklumat yang paling penting dilucutkan. Sebagai versi mudah dari tapak asal, AMP tidak mempunyai banyak format. Lebih daripada itu, banyak artikel boleh diakses tanpa meninggalkan satu halaman atau mengklik pada butang belakang.

«AMP untuk WP»

adalah alat yang paling mudah untuk mempraktikkan mesra AMP

content.it

membolehkan menyeret dan menjatuhkan elemen halaman.

4. Dapatkan laman web cache

Dengan usaha yang agak sedikit, anda boleh mencapai kesan yang baik pada kelajuan halaman melalui penyemak imbas pelayar.

Setiap kali pengguna melawat laman web anda, setiap elemen gambar dan halaman perlu dimuatkan, kemudian HTML dan pengekodan susulan. Prosedur ini mengulangi setiap kali tapak dipertimbangkan, tetapi pelayar penyemak imbas dapat melepaskan sumber daripada memuat semula pada setiap kunjungan pengguna. Unsur-unsur yang sudah dimuat sebelumnya, contohnya, logo, footer, dan sebagainya hanya ditarik balik. Sebagai peraturan, peningkatan besar dalam kelajuan pemuatan tapak diperhatikan apabila pelaksanaan pembayaran tunai. Untuk laman web di WordPress, anda boleh mencuba plugin W3 Total Cache dan menikmati hasilnya.

5. Selesaikan kesilapan 404

Kesalahan 404 bukan sahaja mengganggu pengguna laman web tetapi menduduki ruang, yang boleh digunakan untuk kandungan, dan memperlahankan laman web.

Mengalih keluar halaman tersebut atau membuat pengalihan ke bahagian tapak lain akan membantu anda menjimatkan kelajuan dan trafik yang berharga.


Jawapan 6:

Saya terpaksa bekerja di beberapa laman web di mana prestasi adalah isu dan yang lain di mana saiz respons sangat besar. Daripada hanya mengulangi beberapa cadangan yang lebih jelas dari jawapan di bawah atau yang ditemui

di sini

, ini adalah beberapa cara kurang biasa yang saya temui:

Saiz Halaman yang berkurangan (ini juga akan mengurangkan masa beban halaman)

  • Gunakan peraturan markup HTML yang sah untuk mengurangkan markup yang tidak diperlukan. Ini termasuk memotong tag pilihan dan tidak termasuk petikan atribut yang tidak perlu (untuk dokumentasi W3C klik di sini). Ini sangat membantu jika anda mempunyai menu besar atau menu dropdown.
  • Jika menggunakan enjin templating seperti Smarty, pastikan ruang putih dihapuskan dari gelung foreach (ya, ruang putih yang dibaca "dimasukkan ke dalam output tindak balas)
  • Semak semua tag tajuk anda untuk memastikan ia adalah ringkas.
  • Sekiranya teg anda tidak memerlukan id, jangan masukkannya - tetapkan gaya menggunakan kombinasi jika mungkin (misalnya, div> p bukan memberi anak sebuah id).
  • Sekiranya terdesak, shorten nama kelas / id untuk baris atau sel jadual dalam jadual yang sangat besar.

Masa Beban Halaman Mengurangkan

  • Pastikan semua pertanyaan backend anda dapat dioptimumkan sebaik mungkin. Ini termasuk menambahkan indeks pada pertanyaan dan hanya mengambil jumlah minimum data yang diperlukan (misalnya, jangan PILIH * melainkan jika anda perlu). Ini akan mengurangkan Byte Mula Masa.
  • Gunakan teknik pemalasan malas untuk mengelakkan fail muat .js dan fail css sehingga benar-benar diperlukan.
  • Gantikan imej dengan GlyphIcons atau FontAwesome jika boleh.
  • Pastikan jenis fail cache (melalui .htaccess atau CDN) yang tidak biasa (seperti .woff dan .eot) di-cache.
  • Gunakan alat seperti CSSBurner untuk mencari markup yang berlebihan dan tidak perlu dalam CSS anda untuk mengurangkan masa beban css.
  • Gunakan Javascript tulen sebagai ganti jQuery / AngularJS, dan lain-lain di mana mungkin - Javascript lebih cepat. Perhatikan bahawa, secara umum, kesannya hanya akan menjadi signifikan bagi banyak lelaran.

Jawapan 7:

Salah satu faktor penting yang dapat mengurangkan masa beban laman web menjadikannya lebih optimum. Halaman web yang dioptimumkan bukan hanya akan dibuktikan sebagai laman web yang responsif tetapi juga akan mengurangkan masa memuatkan pelayan web hosting. Mengoptimumkan halaman web difokuskan bukan hanya untuk mereka yang melihat halaman di lorong sempit tetapi juga sangat penting bagi mereka yang memerlukan untuk menunjukkan laman web mereka untuk rangkaian penyambung yang lebih cepat.

Seseorang mesti memilih hos web yang baik untuk prestasi maksimum laman web mereka. Terdapat beratus-ratus penyedia hosting laman web, oleh itu seseorang mesti memilih tuan rumah web dengan berhati-hati dan belajar maksimum.

PRESTASI MAXIMUM DENGAN HOSTINGRAJA VPS SERVER

Terdapat beberapa cara penting di mana anda boleh mengurangkan masa memuatkan tapak web.

Menukar dan Mengoptimumkan Imej

Pengoptimuman imej adalah salah satu cara paling mudah di mana anda boleh mengurangkan saiz halaman web serta masa pemuatannya. Imej laman web menggunakan banyak lebar jalur yang akan memberi kesan kepada masa memuatkan tapak web. Di sini saiz semula laman web dan imej dalam HTML bukan satu-satunya penyelesaian kerana ia tidak akan mengubah saiz imej. Terdapat beberapa alat luaran yang anda boleh mengubah saiz imej. Anda juga akan dapat menggunakan pengoptimuman imej yang akan mengurangkan saiz tanpa kehilangan kualiti imej.

Penggunaan CDN untuk Pengoptimuman Laman Web

Apabila ada CDN yang digunakan untuk laman web itu maka itu bermakna bahawa laman web anda sedang tersebar ke dalam jumlah server yang berlainan yang terletak di berbagai belahan dunia. Apabila permintaan dibuat untuk melihat tapak web maka mereka akan menerima data dari pelayan yang berada di lokasi terdekat. Terdapat banyak pelayan besar yang melaksanakan CDN dengan memastikan laman web itu berjalan dengan lebih baik dan lebih cepat.

Dengan mengelakkan Video di laman Web

Terdapat beberapa fail video yang kadang-kadang boleh menjadi sangat besar. Di sini memuat naik video ke laman web adalah tugas yang sibuk. Adalah lebih baik untuk tidak menggunakan video tuan rumah sendiri untuk laman web, sebaliknya anda boleh menggunakan laman web video pihak ketiga seperti youtube di laman web anda.

Dengan Mengubah Plugin apabila tidak digunakan

Jika anda menggunakan banyak plugin untuk laman web maka terdapat peluang untuk membuat laman web sangat lambat. Cara terbaik ialah dengan memotong atau menyahaktifkan pemalam yang tidak digunakan.