Setiap file CSS yang digunakan untuk website akan menambah waktu untuk kecepatan loading halaman. Kadang-kadang ini tidak dapat dihindari, namun dalam kebanyakan kasus, Anda dapat menggabungkan dua atau lebih file CSS bersama-sama dengan menggunakan tidak lebih dari "copy dan paste".
Seringkali satu-satunya alasan Anda memiliki beberapa file call CSS ini karena desainer website Anda merasa lebih mudah untuk bekerja dengan file terpisah. kode CSS tidak peduli di mana pun itu berada pada atau beberapa diantara banyak file. Satu file CSS yang berisi semua info dari file CSS yang terpisah dapat digabungkan supaya bekerja sama dengan baik dan meningkatkan kecepatan halaman.
Karena secara default semua file CSS render menghalangi memuat halaman, adalah penting untuk memiliki sedikit mungkin file css.
Menempatkan semua CSS Anda ke dalam satu file secara substansial mengurangi jumlah waktu yang dibutuhkan untuk memuat halaman web Anda karena mengurangi jumlah halaman web browser yang harus memuat sebelum menampilkan halaman Anda.
Tip :
Untuk menentukan berapa banyak File CSS pada halaman Web yang memuat gunakan alat deteksi css pengiriman yang akan mendata setiap file yang dipanggil.
Wordpress
Anda harus memberikan perhatian khusus untuk pedoman ini jika Anda menggunakan Wordpress. Hampir setiap tema Wordpress memiliki beberapa file CSS yang dimuat. Jika Anda menemukan ini menjadi kasus dengan blog Anda, dan Anda merasa nyaman dengan mengedit file, Anda dapat mengambil isi dari masing-masing style sheet CSS call dan menempatkan mereka ke dalam file CSS utama (yang akan sering ditemukan ketika Anda membuka "Penampilan> Editor" dari dashboard Anda). Ingat untuk menghapus css panggilan yang Anda gabungkan.
Bagaimana menggabungkan CSS Anda
Anda hanya bisa meng copy dan paste setiap isi dari setiap file CSS bersama-sama untuk membuat satu file CSS utama.
Kadang-kadang Anda akan memiliki banyak file CSS yang tersebut dan Anda hanya dapat membuat satu file CSS baru yang memiliki semua isi dari css yang lainMetode ini akan menyimpan semua CSS lama Anda file aman dan bernama benar jika Anda perlu untuk kembali kepada mereka. Anda kemudian akan memperbarui HTML untuk memanggil file baru dan menghapus semua panggilan untuk file lama.
Sebanyaknya Anda hanya akan memiliki dua atau tiga file CSS dan Anda bisa menambahkan isi satu ke file yang ada ...
Sebagai contoh, katakanlah Anda memiliki tiga file css ...
•main.css
•other.css
•third.css
Dalam situasi ini Anda bisa membuka "other.css", copy dan paste isi file tersebut ke "main.css".
Anda bisa melakukan hal yang sama untuk "third.css" juga.
Setelah Anda melakukan itu, Anda akan menghapus panggilan untuk "other.css" dan "third.css" dari HTML Anda. Anda sekarang memiliki hanya satu file CSS bukannya tiga yang web browser harus men-download sebelum menampilkan halaman web Anda. halaman web Anda sekarang akan memuat lebih cepat.
Lihat juga cara optimalkan css delivery.
Seringkali satu-satunya alasan Anda memiliki beberapa file call CSS ini karena desainer website Anda merasa lebih mudah untuk bekerja dengan file terpisah. kode CSS tidak peduli di mana pun itu berada pada atau beberapa diantara banyak file. Satu file CSS yang berisi semua info dari file CSS yang terpisah dapat digabungkan supaya bekerja sama dengan baik dan meningkatkan kecepatan halaman.
Karena secara default semua file CSS render menghalangi memuat halaman, adalah penting untuk memiliki sedikit mungkin file css.
Menempatkan semua CSS Anda ke dalam satu file secara substansial mengurangi jumlah waktu yang dibutuhkan untuk memuat halaman web Anda karena mengurangi jumlah halaman web browser yang harus memuat sebelum menampilkan halaman Anda.
Tip :
Untuk menentukan berapa banyak File CSS pada halaman Web yang memuat gunakan alat deteksi css pengiriman yang akan mendata setiap file yang dipanggil.
Wordpress
Anda harus memberikan perhatian khusus untuk pedoman ini jika Anda menggunakan Wordpress. Hampir setiap tema Wordpress memiliki beberapa file CSS yang dimuat. Jika Anda menemukan ini menjadi kasus dengan blog Anda, dan Anda merasa nyaman dengan mengedit file, Anda dapat mengambil isi dari masing-masing style sheet CSS call dan menempatkan mereka ke dalam file CSS utama (yang akan sering ditemukan ketika Anda membuka "Penampilan> Editor" dari dashboard Anda). Ingat untuk menghapus css panggilan yang Anda gabungkan.
Bagaimana menggabungkan CSS Anda
Anda hanya bisa meng copy dan paste setiap isi dari setiap file CSS bersama-sama untuk membuat satu file CSS utama.
Kadang-kadang Anda akan memiliki banyak file CSS yang tersebut dan Anda hanya dapat membuat satu file CSS baru yang memiliki semua isi dari css yang lainMetode ini akan menyimpan semua CSS lama Anda file aman dan bernama benar jika Anda perlu untuk kembali kepada mereka. Anda kemudian akan memperbarui HTML untuk memanggil file baru dan menghapus semua panggilan untuk file lama.
Sebanyaknya Anda hanya akan memiliki dua atau tiga file CSS dan Anda bisa menambahkan isi satu ke file yang ada ...
Sebagai contoh, katakanlah Anda memiliki tiga file css ...
•main.css
•other.css
•third.css
Dalam situasi ini Anda bisa membuka "other.css", copy dan paste isi file tersebut ke "main.css".
Anda bisa melakukan hal yang sama untuk "third.css" juga.
Setelah Anda melakukan itu, Anda akan menghapus panggilan untuk "other.css" dan "third.css" dari HTML Anda. Anda sekarang memiliki hanya satu file CSS bukannya tiga yang web browser harus men-download sebelum menampilkan halaman web Anda. halaman web Anda sekarang akan memuat lebih cepat.
Lihat juga cara optimalkan css delivery.
0 komentar:
Untuk Melanjutkan Membaca Silahkan Lengkapi Form Ini