What is the Website Acceleration Suite?

What is the Website Acceleration Suite?

CDN ITPanel memperkuat situs web anda lebih jauh dengan memberikan “asupan-tambahan” melalui fitur Website Acceleration Suite kami. Ini termasuk dalam paket Web Hosting yang anda ambil tanpa biaya tambahan.

Untuk mengakses Web Optimization, kalian bisa ke Manage Hosting -> Manage -> Web Optimization.

Untuk fitur lebih lengkapnya, buka bagian Web Optimization dalam paket yang akan dioptimalkan. Anda dapat memilih opsi One Click Optimisation untuk menambahkan setelan yang disarankan.

Jika anda telah membuat serangkaian pengoptimalan yang unik, Anda dapat menyimpannya sebagai tamplate untuk diterapkan ke situs lain. Silakan lihat: Bagaimana cara membuat template Web Acceleration Suite?  

Memahami Website Acceleration Suite

Setiap pengoptimalan bisa disebut juga sebagai filter karena dirancang untuk secara langsung melengkapi rekomendasi/audit yang dilakukan Google PageSpeed Insights di situs web anda. Ini menghindari kebutuhan untuk melakukan pengoptimalan yang secara manual, membantu situs web anda mendapatkan skor PageSpeed setinggi mungkin.

Bagaimana Website Acceleration Suite kami meningkatkan kinerja situs web anda

Website Acceleration Suite kami memperkecil payload data situs anda, tanpa memengaruhi tampilan atau fungsinya.

Pengoptimalan dilakukan di tingkat server, ini berarti anda tidak memerlukan beberapa plugin untuk mengoptimalkan situs anda. Mengurangi jumlah plugin itu sendiri akan meningkatkan kinerja PHP dan menghasilkan waktu load yang lebih cepat!

Beberapa fitur untuk mempercepat situs web anda adalah:

• Automatic image resizing

Gambar yang memuat lambat adalah kutukan kinerja situs web. CDN  kami akan memindai gambar Anda dan mengubah ukurannya agar sesuai ukuran untuk mobile dan desktop.

• Image compression
  Gambar ‘Raw’ sering berisi informasi yang dapat dihapus atau dikompresi tanpa kehilangan kualitas yang terlihat. CDN ITPanel akan meng-compress gambar andasecepat kilat, menghemat waktu anda.
• Next-Gen image format.
  Alat pengoptimalan gambar kami akan mengonversi file ke format gambar generasi berikutnya yang memuat cepat seperti JPEG 2000, JPEG XR, dan WebP.
• Code minification
  Kita dapat mengecilkan dan menghapus spasi dari kode kami. CDN kami akan compress file HTML, CSS, dan JavaScript untuk mengurangi waktu yang dihabiskan untuk menguraikan, menyusun, dan mengeksekusinya. Payload jaringan berkurang, sehingga situs memuat lebih cepat.
• Lazy loading
  Hanya muat apa yang akan disajikan kepada pengguna segera: apa yang akan dilihat pertama kali. Konten paruh atas Anda akan muncul di browser lebih cepat dengan menunda gambar di luar layar atau sumber daya non-penting lainnya.

One-click optimisation

Memberikan situs anda peningkatan kinerja di mobile dan desktop dengan satu klik. Solusi bebas risiko sederhana yang akan memberi Anda skor PageSpeed yang lebih baik.

Full list of the optimisation filters to accelerate your websites:

• HTML Optimisation
• Add Head
• Menambahkan Head ke dokumen jika menemukan tag sebelum menemukan atag.
• Collapse WhitespaceM

Mengurangi ukuran transfer file HTML dengan mengganti spasi yang bersebelahan dengan karakter spasi tunggal.

• Combine Heads
  Upaya untuk menggabungkan beberapa tag menjadi satu.
• Convert Meta Tags

Menambahkan header respons yang cocok dengan setiap tag meta dengan atribut http-equiv.

• Elide Attributes
  Mengurangi ukuran transfer file HTML dengan menghapus atribut dari tag ketika nilai yang ditentukan sama dengan nilai default untuk atribut tersebut.
• Extend Cache PDFs

Versi Extend Cache yang berfungsi pada PDF. Tidak seperti ‘Extend Cache’ itu berlaku tidak hanya untuk sumber daya tetapi juga untuk hyperlink.

• Extend Cache

Berupaya meningkatkan kemampuan cache sumber daya halaman web tanpa mengorbankan kemampuan pemilik situs untuk mengubah sumber daya dan menyebarkan perubahan tersebut ke browser pengguna.

• Hint Resource Preloading

Menggunakan header HTTP pramuat sumber daya untuk memberi tahu browser tentang sumber daya CSS dan JavaScript di awal pemrosesan halaman, untuk memungkinkan mereka mengambilnya lebih awal dari yang seharusnya dilakukan.

• Pre-Resolve DNS
  Memberikan petunjuk ke browser di awal HTML, yang memungkinkan browser untuk menyelesaikan DNS untuk sumber daya di halaman.
• Remove Comments
  Menghilangkan komentar HTML, yang sering digunakan untuk mendokumentasikan kode atau untuk mengomentari eksperimen.
• Remove Quotes
  Menghilangkan tanda kutip yang tidak perlu dari atribut HTML.
• Trim Urls
  Pangkas URL dengan menyelesaikannya dengan membuatnya relatif terhadap URL dasar untuk halaman.
• JavaScript Optimisation
• Canonicalize JavaScript Libraries
• Mengidentifikasi library JavaScript populer yang dapat diganti dengan library yang dihosting secara gratis oleh layanan hosting library JS (defaultnya adalah Library yang Dihosting Google).
• Combine JavaScript
  Berusaha mengurangi jumlah permintaan HTTP yang dibuat oleh browser selama penyegaran halaman dengan mengganti beberapa file JavaScript yang berbeda dengan satu file.
• Defer JavaScript
  Tunda Javascript hingga halaman dimuat untuk menghindari pemblokiran render.
• Include JavaScript Source Maps
  Peta sumber adalah file yang memberi tahu browser cara memetakan antara file JavaScript yang diperkecil dan versi asli yang dapat dibaca sehingga Anda dapat melihat versi yang dapat dibaca saat men-debug kode produksi yang diperkecil.
• Inline JavaScript
  Mengurangi jumlah permintaan yang dibuat oleh halaman web dengan memasukkan konten sumber daya JavaScript eksternal kecil langsung ke dokumen HTML. Ini dapat mengurangi waktu yang diperlukan untuk menampilkan konten kepada pengguna, terutama di browser lama.
• Move CSS Above Scripts
  Berusaha memastikan skrip tidak memblokir pemuatan sumber daya CSS.
• Minify JavaScript
  Menulis ulang file JavaScript untuk menghapus kelebihan spasi dan komentar. Dalam mode OptimizeForBandwidth, minifikasi terjadi di tempat tanpa mengubah URL.
• CSS Optimisation
• Combine CSS
  Berusaha mengurangi jumlah permintaan HTTP yang dibuat oleh browser selama penyegaran halaman dengan mengganti beberapa file CSS yang berbeda dengan satu file CSS.
• Fallback Rewrite CSS URLs
  Parsing CSS terkait dan inline, menulis ulang gambar yang ditemukan dan mengecilkan CSS.
• Flatten CSS Imports
  Mengurangi jumlah HTTP round-trips dengan menggabungkan beberapa sumber daya CSS menjadi satu.
• Inline CSS
  Mengurangi jumlah permintaan yang dibuat oleh halaman web dengan memasukkan isi sumber daya CSS eksternal kecil langsung ke dokumen HTML. Ini dapat mengurangi waktu yang diperlukan untuk menampilkan konten kepada pengguna, terutama di browser lama.
• Move CSS To
  Berusaha untuk mengurangi berapa kali browser harus mengalirkan kembali dokumen dengan memastikan bahwa semua gaya CSS diuraikan di kepala, sebelum elemen tubuh diperkenalkan.
• Prioritize Critical CSS
  Meningkatkan waktu render halaman dengan mengidentifikasi aturan CSS yang diperlukan untuk merender halaman, menyejajarkan aturan penting tersebut dan menunda pemuatan sumber daya CSS penuh.
• Rewrite CSS
  Parsing terkait dan inline CSS, menulis ulang gambar yang ditemukan dan mengecilkan CSS.
• Rewrite Style Attributes With URLs
  Tulis ulang atribut gaya inline CSS yang berisi URL, misalnya gambar latar belakang dapat ditargetkan menggunakan filter ini.
• Image Optimisation
• Convert to WEBP Animated
  Mengonversi gambar animasi menjadi gambar animasi WEBP.
• Convert to WEBP lossless
  Mengonversi gambar apa pun ke WEBP lossless.
• Deduplicate Inlined Images
  Kurangi ukuran transfer file HTML dengan menghilangkan URL data gambar yang berlebihan.
• Inline Images
  Mengganti referensi ke gambar kecil dengan mengonversinya menjadi data sebaris: URL, sehingga tidak perlu memulai koneksi baru untuk mengambil data gambar.
• Inline Preview Images
  Menghasilkan versi kualitas rendah dari gambar yang inline di halaman HTML. Pengguna mengalami rendering halaman yang lebih cepat dan gambar berkualitas rendah digantikan oleh versi berkualitas tinggi setelah peristiwa onload dipicu.
• Requires:  Insert Image Dimensions
• Insert Image Dimensions
  Menambahkan atribut width= dan height= ke tag jika tidak ada. Nilai untuk atribut width= dan height= dihitung dari gambar.

• Lazyload Images
  Optimalkan rendering browser dan kurangi jumlah HTTP round-trip dengan menunda pemuatan gambar yang tidak ada di viewport klien.

• Recompress Images
  Mengompresi ulang gambar, menghapus metadata berlebih, dan mengubah gif menjadi png.

• Resize Images
  Menciutkan dimensi gambar ke atribut width= atau height= yang ditentukan dalam tag atau atribut inline style=.

• Resize Mobile Images
  Menghasilkan versi kualitas rendah dari gambar yang inline di halaman HTML.

• Requires:  Insert Image Dimensions

• Resize Rendered Image Dimensions
  Mengecilkan gambar ke dimensi yang dirender di halaman web. Tidak seperti resize_images, ia mengabaikan atribut lebar dan tinggi yang ditentukan untuk gambar.

• Responsive Images
  Membuat gambar responsif dengan menambahkan atribut srcset yang menyediakan beberapa versi untuk layar kerapatan piksel yang berbeda.

• Requires:  Resize Images

• Optimize Images
  Melakukan optimasi gambar umum, termasuk kompresi ulang, transcoding ke format optimal, pengurangan dimensi gambar, dan inlining gambar kecil ke HTML atau CSS.

• Sprite Images
  Mendeteksi gambar GIF dan PNG yang digunakan sebagai latar belakang dalam CSS, dan menggabungkan semua gambar yang dirujuk dari file CSS menjadi satu gambar besar. Latar belakang CSS individu kemudian ditulis ulang untuk menunjuk ke gambar besar tunggal.