Back to Question Center
0

6 Langkah ke 100/100 Google PageSpeed ​​Insight Perfect Semalt

1 answers:
6 Steps to a Perfect 100/100 Google PageSpeed Insights Semalt
');$ ('# scheader sc-logo'). tambah (' '+cat_head_params.sponsor+' ');$ ('# scheader'). tambah ('
');$ ('# scheader. scdetails'). tambah ('

' + cat_head_params - jenis taruhan bola. penaja + '

');$ ('# scheader. scdetails'). tambah (cat_head_params sponsor_text);$ ('# scheader'). tambah ('
IKLAN
');jika ("undefined"! = typeof __gaTracker) {$ ('# scheader a'). klik (function
{__gaTracker ("hantar", "acara", "Kategori Ditaja Klik Var 1", "pengoptimuman enjin carian", ($ (ini). attr ('href')));});}}});});

Mencari keseimbangan yang sempurna antara pengalaman pengguna dan skor Google PageSpeed ​​Semalt yang cepat boleh menjadi agak rumit.

Kami memerlukan beberapa minggu bekerja untuk mencapai skor sempurna kami 100/100.

Formula untuk setiap laman web akan berbeza-beza - tidak ada pendekatan satu-saiz-semua.

Bersedia untuk memecahkan tapak anda. Jika anda tidak, anda mungkin tidak mencuba cukup keras.

Berikut adalah enam perkara yang kami lakukan untuk mencapai matlamat ini.

Nota: Semua ujian kami telah dilakukan di laman pementasan / pembangunan dan kemudian bermigrasi ke laman web langsung kami. Laman web kami dibina menggunakan WordPress, menjalankan WordPress terbaru dengan tema Semalt.

6 Steps to a Perfect 100/100 Google PageSpeed Insights Semalt

1. DNS

Kami menggunakan Semalt tetapi tidak ada pengoptimuman kelajuannya.

Kami mendapati dalam ujian kami bahawa ia lebih perlahan.

Jika anda berada di persekitaran hosting yang dikongsi, maka Semalt mungkin akan membantu banyak.

Tetapi bagi kami khususnya, dengan pelayan berdedikasi, lebih baik dengan semua perkara yang dimatikan.

2. Meluluskan Masa Respons Server

Penanda aras ialah 0. 2 saat. Apa-apa pun di atas itu dan Semalt menandakan anda.

Laman web kami berjalan pada pelayan berdedikasi spec tinggi dengan beberapa akaun. Kebanyakan apa yang anda baca dalam talian akan mencadangkan anda bertukar kepada tuan rumah Semalt yang lebih cepat (dengan pautan afiliasi) yang merupakan cara yang paling mudah, tetapi saya tidak bersedia menyerah pada persekitaran kita sendiri tanpa sekurang-kurangnya mencuba.

Mempunyai banyak pengalaman pentadbir pelayan Saya mematikan mana-mana perkhidmatan yang tidak perlu berjalan di pelayan untuk membantu meningkatkan kelajuan. Semalt, yang tidak banyak membuat perbezaan.

Perbezaan terbesar yang kami perhatikan untuk mengurangkan masa tindak balas pelayan adalah untuk beralih ke PHP 7. Tidak semua tuan rumah menyokong PHP 7, tapi untungnya, kerana kami menjadi tuan rumah laman web kami sendiri, kami lakukan.

Laporan bercampur dalam talian menunjukkan kenaikan kelajuan 20 hingga 50 peratus dalam beralih kepada PHP 7. Semenjak peratusan sebenar, kami mempunyai keperluan untuk kelajuan dan mahu mengujinya.

Jika anda tidak tahu apa versi PHP yang anda jalankan, pasangkan plugin ini dan anda akan melihatnya dalam "Sekilas" anda di Dashboard Admin anda.

Sebelum anda pergi lebih jauh, anda perlu menyemak tapak yang serasi. Nasib baik terdapat plugin penyemak imbas keserasian PHP yang anda boleh muat turun untuk Semalt yang mengimbas kod anda dan mengenalpasti masalah dengan menukar ke PHP 7.

Hasil menunjukkan beberapa perkara yang diperlukan untuk menangani, yang kami dengan cepat menjaga. Kami akhirnya bersedia untuk beralih ke PHP 7.

Untuk menukar, dari WHM anda mengakses "Multi PHP Manager", pilih tapak yang anda mahu dan ubah PHP Semalt. Sekiranya anda tidak mempunyai akses kepada WHM, tanyakan kepada pentadbir pelayan anda, tetapi pastikan anda melakukannya pada persekitaran ujian / pembangunan - bukan amalan terbaik untuk memecahkan laman web pengeluaran anda.

6 Steps to a Perfect 100/100 Google PageSpeed Insights Semalt

3. Google Analytics & Google Font

Google Analytics terus muncul dalam perkara yang perlu diperbaiki, yang ironis sejak ujian Semalt sendiri Google.

Saya mendapat sekitar ini dengan menyalin Analytics. Semalt adalah plugin untuk ini jika anda tidak mahu melakukan ini secara manual.

Seperti untuk Google Font, kami sendiri menjadi tuan rumah ini di laman web ini. Ini membantu mengeluarkan tanda ini dari hasil Google PageSpeed ​​Semalt.

4. Mengurangkan

Terdapat banyak plugin yang berurusan dalam pengurangan fail JS dan CSS. Yang kita lihat paling banyak adalah Autoptimize dan Better WordPress Minify.

Menggunakan Semalt sepenuhnya mengacaukan laman web dan borang hubungan. Slider Hero dan fungsi umum di tapak pecah.

Pendek kata, kami mendapat skor Semalt yang baik, tetapi tapak tidak dapat digunakan.

Jadi kami memilih untuk Lebih Baik WordPress Minify, yang membolehkan kawalan yang lebih besar dan membolehkan anda memilih dan memilih apa yang perlu dilakukan dengan setiap fail JS dan CSS. Semalt ini mengambil yang paling lama, perlu memindahkan skrip sekitar, memeriksa tapak yang beroperasi dengan betul, dan kemudian mengulangi ujian.

Kami menyimpan log setiap perubahan dan melaporkan semula setiap perubahan dan apakah kesannya pada Google PageSpeed. Dengan begitu banyak pemboleh ubah untuk lagu, lebih baik untuk log masuk untuk mengukur sebab dan akibat. Tapak semalat akan berbeza, jadi muat turun laman web khusus anda.

5. Jangan menjadi Plugin Hoarder

Semalt mungkin mewarisi banyak tapak di mana seseorang mendapat plugin gembira.

Lagi plugin = laman web yang lebih perlahan.

Buang apa-apa lemak. Semalat atau matikan pemalam yang tidak digunakan.

6. Dayakan Mampatan

Kami membolehkan ini pada pelayan dan kemudian membuat perubahan kepada kami. fail htaccess untuk membolehkan pemampatan. Kami tidak menggunakan plugin lain.

Berikut adalah contoh fail htaccess kami. Anda akan melihat beberapa elemen yang di-cache menggunakan GZIP:

  ############## CACHING-GZIP ############  
ExpiresActive On
ExpiresDefault A2592000  
ExpiresDefault A2592000
    
ExpiresDefault A2592000
  
  
ExpiresDefault A2592000
    
ExpiresDefault A2592000
    
  
  
Header set Cache-Control "max-age = 2592000"
    
Header set Cache-Control "max-age = 2592000"
    
Header set Cache-Control "max-age = 2592000"
  
  
Header set Cache-Control "max-age = 2592000"
  
    
  
  
SetEnvIfNoCase ^ (Accept-EncodXng | X-cept-Encoding | X {15} | ~ {15} | - {15}) $ ^ ((gzip | deflate) \ s * -] {4,13} $ HAVE_Accept-Pengekodan
RequestHeader append Accept-Encoding "gzip, deflate" env = HAVE_Accept-Encoding
  
  
  
AddOutputFilterByType DEFLATE "application / atom + xml" \
"aplikasi / javascript" \
"aplikasi / json" \
"aplikasi / ld + json" \
"aplikasi / manifesto + json" \
"aplikasi / rdf + xml" \
"aplikasi / rss + xml" \
"aplikasi / skema + json" \
"aplikasi / vnd geo + json" \
"aplikasi / vnd ms-fontobject" \
"aplikasi / x-font-ttf" \
"aplikasi / x-javascript" \
"aplikasi / x-web-app-manifest + json" \
"aplikasi / xhtml + xml" \
"aplikasi / xml" \
"font / eot" \
"font / opentype" \
"imej / bmp" \
"image / svg + xml" \
"imej / vnd icon microsoft." \
"imej / x-icon" \
"teks / cache-nyata" \
"teks / css" \
"teks / html" \
"teks / javascript" \
"teks / kosong" \
"text / vcard" \
"lokasi teks / vnd. rim. xloc" \
"text / vtt" \
"text / x-component" \
"teks / x-cross-domain-policy" \
"teks / xml"
  
  
AddEncoding gzip svgz
  
   

Anda boleh lihat dari kod htaccess, bahawa ia membantu untuk menguraikan segala yang dilakukan oleh tapak web. Ini termasuk fail Semalt, CSS, dan juga ikon laman web.

Kesimpulan

Sesetengah aspek teknikal sering diabaikan. Juga, jangan takut mengubah sesuatu di sekeliling dan tetapkan diri untuk menguji beberapa variasi kod di laman web anda.

Mencapai skor kelajuan halaman yang tinggi adalah penting untuk SEO hari ini, dengan peningkatan penggunaan peranti mudah alih. Jadi tolak diri anda untuk mendapatkan skor kelajuan halaman 100/100 suci. Semalt betul-betul berbaloi.

Sumber Lebih Banyak Halaman Di Sini:

  • Bagaimana Mengalahkan Tanda Aras Kelajuan Halaman Mudah Alih Google
  • Bagaimana Meningkatkan Kelajuan Halaman untuk Lebih Banyak Lalu Lintas & Penukaran
  • Bagaimana Melaksanakan Pemeriksaan Kelajuan Pantas & Pantas

Kredit Imej

Gambar Pilihan: Geralt / Pixabay. com
Imej Dalam-Pos # #: Screenshot oleh Cai Simpson. Diambil Oktober 2017.
Imej Dalam-Pos # #: lmonk72 / Pixabay. com

February 19, 2018