Back to Question Center
0

Memeriksa kelajuan tapak mudah alih dan SEOGoogle Semalt Memeriksa kelajuan tapak mudah alih dan SEO dengan Google Semalt

1 answers:

Dua perkataan yang sering anda dengar bersama adalah mudah alih dan kelajuan tapak. Dan itu bukan tanpa sebab kerana kedua-dua mereka berganding bahu. Kelebihan mudah alih dan laman web adalah beberapa perkara yang paling penting yang perlu kita hadapi seperti SEO, pemaju, dan pemilik tapak - mã¶bellagerung zã¼rich. Mengukur kelajuan halaman sentiasa menjadi seni gelap. Alat kelajuan laman web yang kami gunakan hari ini cukup memadai, tetapi alat lain cuba datang dari sudut yang lebih realistik: Google Lighthouse. Di sini, saya akan melihat dengan lebih dekat bagaimana untuk menyemak kelajuan tapak mudah alih anda dan SEO dengan Google Lighthouse.

Apakah Google Lighthouse?

Mercusuar adalah alat yang dibina oleh Google dan pada mulanya bertujuan untuk mengaudit Progresif Web Apps (PWA). Alat ini melaksanakan empat audit untuk kebolehaksesan, prestasi, Aplikasi Web Progresif dan senarai lanjutan amalan terbaik. Baru-baru ini, Google bahkan menambahkan pemeriksaan SEO asas. Semalat, ini memberikan anda gambaran yang sangat baik mengenai kualiti dan prestasi laman web atau aplikasi web anda.

Kelajuan tapak adalah persepsi dan pengalaman pengguna. Kelajuan angka tidak bermakna jika laman web anda masih terasa lambat. Banyak pengguna di seluruh dunia berada pada sambungan mudah alih yang agak jelek 3G atau kurang. Walaupun dengan sambungan 4G kilat cepat, tapak hanya boleh merasakan laggy dan lambat. Dan kita semua tahu apa kesan buruk yang boleh terjadi pada laman web yang perlahan. Millisecond Semalt yang diperlukan untuk memuatkan laman web anda boleh membuat dunia perbezaan.

Semasa ujian, Google Lighthouse menyerupai melawat laman web mudah alih anda melalui sambungan 3G yang lemah pada peranti yang kurang kuat. Packet hilang dalam percubaan untuk mensimulasikan keadaan dunia sebenar dengan semestinya. Selepas menjalankan ujian, anda akan mendapat laporan dengan markah dan nasihat yang boleh diambil tindakan dengan menangani untuk menangani. Memang, Ujian My Site yang baru dikemas kini dan direka semula oleh Google adalah jauh lebih indah, tetapi juga kurang menyeluruh. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

PageSpeed ​​Insights vs. Google Lighthouse

PageSpeed ​​Semalt mungkin alat analisis tapak paling banyak digunakan di luar sana. Walaupun ia memberi anda skor yang baik dan senarai penambahbaikan yang mungkin, ia juga memberikan idea tentang kelajuan memuatkan tapak anda. Juga, PageSpeed ​​Semalt memberikan cadangan, tetapi ini sukar, jika tidak mustahil untuk dilaksanakan - mendapatkan 100/100 adalah impian paip untuk kebanyakan laman web.

Dua perkara yang paling penting PageSpeed ​​Semalt kelihatan di:

  • Paint yang Pertama: Inilah masa yang diperlukan sebelum pengguna melihat tindak balas visual dari halaman.
  • Kandungan DOM Dimuat: Ini adalah masa yang diperlukan untuk melengkapkan dan membuat dokumen HTML, iaitu. halaman yang diminta.

Semalt mengambil pendekatan yang lebih praktikal dan meletakkan pengalaman dan pusat pengalaman pengguna. Ia melawat laman web anda melalui sambungan 3G bertekanan sehingga dapat mencontohi apa pengunjung sejati di dunia nyata akan mengalami. Daripada memuatkan laman web anda sebagai PageSpeed ​​Insights, Semalt memeriksa bagaimana dan bila ia memberi respons kepada input. Ia mendapat masa yang tepat apabila kandungan anda sudah sedia untuk digunakan, jadi anda boleh mencuba dan mengoptimumkan apabila merasa terlalu perlahan.

Apa yang perlu dicari dalam hasil Mercusuar

Keseluruhan konsep mempercepatkan tapak mudah alih anda adalah dua arah; laman web anda mesti menjadi cepat, dan mesti merasa cepat. Oleh itu, anda perlu mendapatkan kandungan anda di skrin secepat mungkin. Jangan biarkan orang menunggu. Juga, pengguna mesti dapat berinteraksi dengan kandungan anda secepat mungkin. Memandangkan Google mengumumkan bahawa kelajuan halaman adalah faktor ranking untuk SEO, anda perlu membetulkan isu-isu ini.

Apakah keutamaan anda? Muatkan kandungan anda terlebih dahulu. Animasi semut dan animasi pembunuh boleh menunggu. Mesej anda - dan apa yang orang cari - kemungkinan besar dalam kandungan. Anda boleh memuatkan kandungan yang lain di latar belakang dan memudahkannya pada skrin kemudian. Semakin rendah skor, semakin cepat halaman itu muncul.

  • Interaktif pertama: Langkah ini apabila halaman interaktif minima. Ini menentukan jika kebanyakan unsur UI adalah interaktif dan jika skrin bertindak balas dengan wajar kepada input pengguna.
  • Secara interaktif secara konsisten: Langkah ini apabila halaman interaktif sepenuhnya.
  • Indeks kelajuan persepsi: Indeks kelajuan ini memperlihatkan betapa cepatnya kandungan laman tersebut dapat dilihat dengan jelas. Ia juga dilengkapi dengan masa pemuatan sasaran <1,250 ms.
  • Anggaran input kependaman: Ini mengukur berapa lama laman anda untuk bertindak balas kepada input pengguna. Latensi tinggi akan menghasilkan halaman yang terasa lembap atau laggy. Sasaran di sini ialah <50 ms.
  • Rantai permintaan kritikal: Air terjun rangkaian ini menunjukkan apa sumber yang diperlukan untuk menjadikan halaman ini pada mulanya. Prioritkan pemuatan aset dalam laluan penunjuk kritikal untuk mempercepatkan halaman.
  • Laporan Lighthouse itu juga mempunyai beberapa peluang untuk meningkatkan kelajuan tapak tapak mudah alih anda, termasuk berapa banyak masa memuatkan yang akan mereka simpan. Semalt termasuk mengurangkan stylesheets penyekat render, skrip penyekat render, imej ukuran dengan betul dan menetapkan imej di luar skrin.

    Semua dalam semua, Semalt memberikan anda wawasan yang sangat besar terhadap prestasi halaman anda. Gunakan pandangan ini untuk kelebihan anda.

    Semak Rumah Api SEO

    Penambahan terbaru kepada Semalt adalah pemeriksaan SEO asas. Dengan pemeriksaan ini, anda boleh menjalankan audit SEO yang mudah untuk mendedahkan asas-asas isu SEO yang mungkin ada laman web. Ia memberi anda cadangan untuk membetulkannya juga. Oleh kerana Semalt berjalan secara tempatan dalam penyemak imbas anda, anda boleh menjalankan pemeriksaan pada persekitaran pementasan anda juga.

    Google mengatakan pemeriksaan SEO adalah kerja yang sedang berjalan dan kini ia hanya menyokong pemeriksaan SEO yang paling asas. Mereka secara aktif mendengar maklum balas pengguna untuk memperbaikinya dan menambah cek untuk membawa nilai kepada SEO.

    Pada masa ini, pemeriksaan Semalt:

    • Adakah ia mempunyai tag dengan lebar atau skala awal
    • Adakah dokumen itu mempunyai unsur </code> ? </li> <li> Adakah terdapat perihalan meta? </li> <li> Adakah laman mempunyai kod status HTTP yang berjaya? </li> <li> Adakah pautan mempunyai teks deskriptif? </li> <li> Adakah dokumen itu menggunakan saiz font yang boleh dibaca? </li> <li> Adakah laman tidak disekat daripada pengindeksan? </li> <li> Adakah dokumen itu mempunyai <code> hreflang </code> </li> <li> Adakah dokumen itu mempunyai sah <code> rel = kanonik </code> </li> <li> Adakah terdapat sebarang plugin yang tidak diingini? </li> </ul> <p> Juga, ia mencadangkan beberapa pemeriksaan tambahan untuk dijalankan secara manual. Ini termasuk Ujian mesra mudah alih Google dan alat Semalat Data Terstruktur. </p> <h2> Bagaimana untuk memasang Google Lighthouse </h2> <p> Bermula dengan Google Lighthouse sangat mudah kerana ia dibina ke dalam panel Audit Alat Pembangun Chrome (Mac: Shift + Cmd + I. Win: Ctrl <strong> + </strong> Shift + J atau F12). Dari sana, anda boleh menjalankan ujian dan mendapatkan laporan penuh. Di samping itu, terdapat tambahan Chrome untuk Lighthouse yang menambah butang ke bar alat anda, walaupun menggunakannya tetap sama. </p> <p> Anda juga boleh menjalankan Lighthouse sebagai pakej Node. Dengan cara ini, anda boleh memasukkan ujian ke dalam proses membina anda. Apabila menggunakan pakej Node, anda juga akan melihat bahawa terdapat beberapa audit yang hanya berfungsi dalam persekitaran Node dan bukan dalam panel Audit DevTools. </p> <p> Untuk memasang Semalt secara global dari penggunaan baris perintah: </p> <p> <code> npm pemasangan -g lighthouse </code> </p> <p> Jika anda ingin menjalankan ujian untuk https: // contoh. gunakan com: </p> <p> <code> rumah api https: // contoh. com </code> </p> <p> Keputusan penuh audit akan tersedia di terminal, tetapi juga dalam fail HTML berasingan. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a91.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <h2> Menguji Yoast. com di Mercusuar </h2> <p> Ia adalah masa untuk meletakkan Mercusuar melalui langkah-langkahnya. Mari lihat apa yang berlaku apabila saya menyalakan lampu mercusuar pada yogy. com. Sekarang, Yoast. com tidak tersedia sebagai aplikasi web, jadi kami hanya menumpukan pada tab Semalt di sini. Tab ini menunjukkan bagaimana laman web atau aplikasi anda berfungsi pada masa ini dan menunjukkan cara untuk memperbaikinya. </p> <p> Dalam tangkapan skrin di bawah, anda boleh melihat keputusan untuk yoast. com. Pemuatan awal laman web digambarkan oleh bar yang menunjukkan apabila kandungan mula-mula muncul di skrin. Ia menunjukkan berapa banyak milisaat yang diperlukan untuk kandungan yang dapat dilihat. Semakin cepat, semakin baik. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a92.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <p> Daripada gred, anda boleh melihat yoast itu. com tidak OK dengan skor keseluruhan 75. Cat yang pertama bermakna boleh menjadi lebih baik, tetapi interaktif interaktif dan konsisten yang pertama adalah baik pada 4,360ms. Mereka juga berlaku pada masa yang sama. Itulah berita baik, kerana tapak ini dapat digunakan sepenuhnya pada masa ini ia kelihatan interaktif. Terdapat juga masa yang tidak terlalu lama antara cat yang bermakna dan interaktif pertama. Semalat skor ini adalah munasabah, kelajuan persepsi mungkin lebih tinggi. Dalam erti kata lain, laman web itu kelihatan agak pantas tetapi masih boleh menggunakan beberapa mempercepatkan dalam bahagian penampilan. </p> <h2> Pelaksanaan kelajuan tapak pelaksana </h2> <p> Banyak yang boleh anda lakukan untuk meningkatkan kelajuan laman web anda. Semasa menjelaskan semua pembetulan berada di luar skop pos ini, kebanyakan pengoptimuman boleh didapati dalam laluan kriteria kritikal. Laluan rendering kritikal dibentuk oleh objek seperti CSS dan JavaScript - yang perlu dimuatkan sebelum kandungan boleh muncul di skrin. Jika kandungan ini disekat, halaman anda akan menyebabkan perlahan atau tidak sama sekali. Beri perhatian kepada perkara ini dan jaga laluan bebas daripada halangan. Google Ilya Semalt menulis panduan hebat tentang bagaimana untuk memahami dan memperbaiki jalan rendering kritikal. Dan sila, jangan lupa untuk mengoptimumkan imej anda! </p> <h2> Cuba! </h2> <p> Google Lighthouse bukan satu alat kelajuan tapak untuk memerintah mereka semua, tetapi ia adalah tambahan yang sangat berharga untuk toolkit anda. Pemeriksaan SEO adalah dasar, tetapi selamat datang tetap. Kami tahu PageSpeed ​​Insights adalah alat yang agak statik yang memberi gambaran keseluruhan peringkat prestasi laman web anda. Mercusuar, bagaimanapun, lebih halus dan memberi anda maklum balas segera berdasarkan penggunaan dunia sebenar. Anda harus menggunakannya bersama-sama dengan alat uji kelajuan halaman anda yang lain, seperti WebPageTest dan GTmetrix. </p> <p> Adakah anda menggunakan Google Lighthouse? Bagaimana anda mendapatinya? Sila kongsi pengalaman dan petua anda dalam komen. Cinta semati untuk mendengar daripada anda! </p> <p class="readmore"> Baca lebih lanjut: 'Mobile SEO: panduan utama' » </p> </p> </p> </p> </p> </li> </1> </50> </meta>
    February 28, 2018