Situs web | Dokumentasi | Catatan Perubahan | mastodon
Selamat datang di sitespeed.io
, alat kinerja web komprehensif yang dirancang untuk semua orang yang tertarik dengan kecepatan web. Baik Anda seorang pengembang, pemilik situs, atau hanya seseorang yang ingin tahu tentang kinerja situs web, sitespeed.io
menawarkan cara yang ampuh namun mudah digunakan untuk menganalisis dan mengoptimalkan situs web Anda.
sitespeed.io
lebih dari sekedar alat; ini adalah solusi lengkap untuk mengukur, memantau, dan meningkatkan kinerja situs web Anda. Dibangun dengan mempertimbangkan kesederhanaan dan efisiensi, ini memungkinkan Anda untuk:
Gunakan kasus kapan harus menggunakan sitespeed.io
.
sitespeed.io
menyesuaikan dengan kebutuhan Anda.sitespeed.io
dengan mudah ke dalam alur kerja pengembangan Anda, sistem integrasi berkelanjutan, dan pengaturan pemantauan. Kami telah menghabiskan waktu berjam-jam dalam dokumentasi kami untuk membantu Anda mendapatkan hasil maksimal dari sitespeed.io
. Dari panduan instalasi hingga skenario penggunaan tingkat lanjut, dokumentasi kami adalah gudang informasi dan tips.
Memulai dengan sitespeed.io
sangatlah mudah. Anda dapat menginstalnya menggunakan Docker atau NodeJS, bergantung pada preferensi dan pengaturan Anda. Ikuti langkah-langkah sederhana ini untuk mulai mengoptimalkan kinerja situs web Anda.
Menggunakan Docker adalah cara termudah untuk memulai sitespeed.io
, terutama jika Anda tidak ingin menangani dependensi secara manual. Jalankan perintah berikut untuk menggunakan sitespeed.io
dalam kontainer Docker:
docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/
Perintah ini mengambil image Docker sitespeed.io terbaru dan menjalankan pengujian di situs web sitespeed.io. Bagian -v "$(pwd)":/sitespeed.io memasang direktori saat ini ke dalam wadah, memungkinkan Anda mengakses hasil pengujian dengan mudah.
Jika Anda lebih suka menginstal sitespeed.io
sebagai paket npm, pastikan Anda telah menginstal NodeJS di sistem Anda. Kemudian, instal sitespeed.io
secara global menggunakan npm:
npm i -g sitespeed.io
Setelah instalasi, Anda dapat mulai menggunakan sitespeed.io dengan menjalankan:
sitespeed.io https://www.example.com
Ganti https://www.example.com dengan URL yang ingin Anda uji. Perhatikan bahwa penggunaan NodeJS mungkin memerlukan dependensi tambahan seperti FFmpeg dan Python. Petunjuk instalasi terperinci untuk dependensi ini dapat ditemukan di sini.
Pilih metode yang paling sesuai dengan lingkungan Anda dan bersiaplah untuk terjun ke pengoptimalan kinerja web dengan sitespeed.io!
sitespeed.io
dirancang agar mudah digunakan, membuat pengujian kinerja web dapat diakses terlepas dari keahlian teknis Anda. Berikut panduan sederhana untuk membantu Anda memulai perjalanan pengoptimalan kinerja web Anda.
Untuk mulai menguji situs web Anda, cukup jalankan sitespeed.io
dengan URL situs yang ingin Anda analisis. Misalnya:
sitespeed.io https://www.example.com --browser chrome -n 5
Perintah ini menguji https://www.example.com menggunakan Chrome dan melakukan 5 iterasi pengujian. Pendekatan ini membantu memperoleh pengukuran kinerja median yang lebih akurat dengan menguji situs beberapa kali.
sitespeed.io menawarkan berbagai pilihan konfigurasi untuk menyesuaikan pengujian dengan kebutuhan spesifik Anda. Anda dapat menentukan browser yang berbeda, menyesuaikan pengaturan konektivitas, dan banyak lagi. Untuk daftar lengkap semua opsi yang tersedia, kunjungi dokumentasi konfigurasi kami.
Selain itu, untuk gambaran singkat tentang semua opsi baris perintah, Anda dapat menjalankan:
sitespeed.io --help
Perintah ini menampilkan semua tanda dan pengaturan yang tersedia yang dapat Anda gunakan dengan sitespeed.io, membantu Anda menyempurnakan pengujian kinerja agar sesuai dengan kebutuhan unik Anda.
Baik Anda menjalankan pemeriksaan cepat atau analisis mendetail, sitespeed.io memberikan fleksibilitas dan kekuatan yang Anda perlukan untuk memahami secara mendalam dan meningkatkan kinerja situs web Anda.
Di dunia yang mengutamakan seluler saat ini, memastikan situs web Anda berkinerja optimal di ponsel cerdas dan tablet sangatlah penting. Dengan sitespeed.io
, Anda dapat menyimulasikan dan menganalisis kinerja situs web Anda di perangkat seluler, membantu Anda memahami dan meningkatkan pengalaman pengguna untuk pemirsa seluler.
Untuk mulai menguji kinerja seluler situs web Anda, Anda perlu menyiapkan ponsel Anda untuk pengujian. Kami mendapat dokumentasi untuk menyiapkan ponsel Android dan iOS Anda.
Saat penyiapan Anda sudah siap, Anda dapat menjalankan pengujian di ponsel Android Anda.
sitespeed.io https://www.example.com --android
sitespeed.io
menyediakan laporan HTML mendalam yang membantu Anda memvisualisasikan dan memahami kinerja situs web Anda. Berikut adalah beberapa contoh untuk menggambarkan apa yang dapat Anda capai:
Berikut ini contoh laporan ringkasan dalam HTML, yang menawarkan ikhtisar komprehensif tentang metrik kinerja situs Anda:
Laporan ini mencakup indikator kinerja utama seperti waktu muat, ukuran halaman, dan jumlah permintaan, yang memberi Anda gambaran singkat tentang kesehatan situs Anda secara keseluruhan.
Untuk analisis lebih detail, berikut laporan halaman individual:
Laporan ini menyelami lebih dalam performa satu halaman, memberikan metrik pada aspek seperti skrip, rendering, dan aktivitas jaringan, yang penting untuk menunjukkan dengan tepat area peningkatan tertentu.
Untuk memantau kinerja situs web Anda dari waktu ke waktu, lihat pengaturan langsung kami di dashboard.sitespeed.io, yang mengintegrasikan sitespeed.io
dengan Graphite dan Grafana.
Metrik yang dikumpulkan dari URL yang divisualisasikan dalam Grafit/Grafana:
Penyiapan ini memungkinkan pelacakan kinerja secara berkelanjutan, membantu Anda mengidentifikasi tren dan potensi masalah.
Tren dari waktu ke waktu di Grafana memberikan gambaran jangka panjang tentang kinerja situs Anda:
Dengan wawasan ini, Anda dapat membuat keputusan yang tepat tentang pengoptimalan dan melacak dampak perubahan yang Anda buat.
Untuk umpan balik visual, sitespeed.io
dapat menghasilkan video, sehingga memudahkan untuk melihat bagaimana situs Anda dimuat secara real-time. Berikut contoh videonya:
Analisis video paling mudah dilakukan menggunakan Docker dan menawarkan perspektif unik tentang pengalaman pengguna, menyoroti area yang memerlukan perhatian.
Kami menyambut kontribusi dari komunitas! Baik Anda memperbaiki bug, menambahkan fitur, atau menyempurnakan dokumentasi, bantuan Anda sangat berharga. Inilah cara Anda dapat berkontribusi:
Sebelum berkontribusi, silakan baca CONTRIBUTING.md kami untuk informasi lebih detail tentang cara berkontribusi.
Menemukan bug atau memiliki permintaan fitur? Silakan gunakan Masalah GitHub untuk melaporkannya. Pastikan untuk memeriksa masalah yang ada untuk menghindari duplikat.
Bergabunglah dengan komunitas kami! Baik Anda memerlukan bantuan, ingin berbagi pengalaman, atau mendiskusikan potensi perbaikan, ada beberapa cara untuk terlibat:
Kami senang Anda bergabung dengan komunitas kami dan menantikan kontribusi dan interaksi Anda!
Lisensi MIT (MIT).