5 Tips HTML untuk Membuat Website Gratis Pemuatan Cepat

Iklan

Saya HyaText M.bahtera L.keterampilan bahasa (HTML) berkarat untuk pasti, tetapi mungkin itu memenuhi syarat saya untuk artikel ini. Kembali pada hari ketika Teman masih di TV dan AOL mengirimkan coaster gratis dan mini-frisbee setiap hari, saya membuat situs web untuk memuat pada modem dial-up. Seiring berjalannya waktu, saya berani berpikir bahwa ada banyak orang masih di luar sana dengan koneksi non-broadband (dial-up) dan terus merancang situs web berdasarkan itu.

Akhirnya, saya menyerah desain dan pengembangan web Ingin Belajar Desain Web? 7 Saluran YouTube untuk Memulai AndaYouTube memiliki ribuan video dan saluran untuk pemula desain web. Di sini kita melihat beberapa yang terbaik untuk memulai. Baca lebih banyak ketika kualitas konten mulai didorong ke samping oleh jumlah konten. Situs flash, banyak gambar, pop-up, pop-under, slider, dll. Percayalah pada konten berkualitas Anda dan Anda tidak perlu bulu ini. Percayai konten Anda dan Anda dapat membuat situs web Anda sangat cepat.

Dengan situs web yang dihosting pada layanan gratis, lebih cepat pastinya lebih baik. Mengapa? Karena 'gratis' cenderung menarik banyak orang dan server harus mengeluarkan halaman Anda ditambah ribuan halaman orang lain yang tidak dioptimalkan. Ini seperti mencoba melewati konvoi tarikan kayu Kenworth dengan babi Jimmy haulin Anda. Tetapi jika Anda memiliki Porsche kecil, itu menjadi jauh lebih mudah dilakukan.

Berikut adalah beberapa tips untuk memangkas lemak, tanpa urutan tertentu.

1. Gunakan Tabel Hemat

Tabel adalah tangkapan ke-22. Pada awalnya, mereka digunakan untuk meletakkan desain dan juga memasukkan konten ke dalam format tabel. Karena tata letak desain menjadi lebih kompleks, tabel menjadi lebih besar dan bersarang lebih dalam, dan itu selalu berarti memperlambat waktu muat.

Cnaik Style Sheets (CSS) datang dan sangat membantu masalah menggunakan tabel untuk tata letak. Sayangnya, pembuat peramban sepertinya tidak bisa memahami ide standar - dan masih tidak bisa. Apa yang tampak hebat dalam CSS di Firefox tampak seperti sarapan seekor anjing di IE dan bahkan mungkin tidak ditampilkan di Safari. Jangan mulai saya IE5 pada Mac. Saya masih dalam terapi untuk itu.

Harap hanya menggunakan tabel untuk menata konten yang harus dalam format tabel Tableizer: Hasilkan Tabel HTML Dari Excel Spreadsheet Baca lebih banyak - Seperti daftar harga atau statistik hoki. Itu mengurangi jumlah tabel, dan kedalaman bersarang, yang berarti waktu muat lebih cepat. Belajar CSS 5 Situs Teratas Untuk Belajar CSS Online Baca lebih banyak akan membuat perbedaan besar, jika Anda harus memiliki tata letak yang mewah.

2. Gunakan HTML untuk Membuat Warna

Yap, saya orang Kanada, jadi warnanya dengan 'u' untuk saya. Saya tahu HTML Amerika-sentris sehingga atributnya adalah 'warna'. Pelajari kode warna heksadesimal dan menggunakannya untuk menghidupkan konten alih-alih gambar.

Coba tambahkan atribut warna ke elemen HTML Anda untuk membuatnya lebih menarik. Ini bekerja sangat baik di tabel, atau tag tubuh, seperti:

Jika Anda seorang peramban, apakah Anda akan lebih cepat memuat 7 karakter # yang sederhanaFF00FF atau gambar 10 × 10 piksel dari warna fuschia beberapa ribu kali? Itu pertanyaan retoris, Anda di barisan belakang. Turunkan tanganmu.

3. Tautan ke Skrip / Lembar Gaya

Jika Anda menggunakan tertentu JavaScript (JS) atau CSS berulang kali di seluruh situs web Anda, pikirkan tentang membuat file sendiri dan memanggilnya, alih-alih meletakkannya di setiap halaman. Karena browser cenderung untuk men-cache file dan memanggil file itu terlebih dahulu sebelum memeriksa dengan server, browser Anda sudah memiliki skrip atau CSS yang siap digunakan. Itu berarti lebih sedikit HyaText Transfer Ppanggilan rotocol (HTTP) yang berarti pemuatan halaman yang lebih cepat.

Cara Memanggil JavaScript Eksternal:

–>

Mengapa saya menaruh tag komentar itu di sekitar panggilan untuk JavaScript? Karena tidak setiap browser diatur untuk membaca skrip. Menambahkan tag komentar membuat browser dengan skrip dinonaktifkan hanya melewatinya, alih-alih memberikan pesan kesalahan yang menjengkelkan.

Cara Memanggil Lembar Gaya Cascading Eksternal:

Sesederhana itu. Atribut href adalah tempat Anda mengatur lokasi style sheet Anda. Atribut lainnya memberi tahu browser apa file itu, jadi ia tahu apa yang harus dilakukan dengannya.

Beberapa pengembang dapat menggunakan @impor metode untuk memanggil stylesheet. Di Internet Explorer, ini seperti memiliki tag di bagian bawah file Anda, menyebabkannya memuat seluruh halaman dan MAKA membuat gaya di atasnya. Tidak baik.

4. Gabungkan Skrip yang Umum Digunakan dalam Satu File

Banyak pengembang web akan menggunakan skrip yang sama berulang kali. Mungkin ada skrip jam dan skrip kalender dan mungkin semacam skrip efek khusus yang akan mereka gunakan di setiap halaman. Alih-alih memiliki 3 file terpisah, dengan 3 panggilan HTTP terpisah, letakkan skrip dalam satu file dan panggil sekali. Itu memotong panggilan HTTP Anda sebesar 66% dan itu juga di-cache. Anda mempercepat setan, Anda! Sebelum Anda mengangkat tangan lagi, ya, Anda dapat melakukan hal yang sama dengan file CSS.

5. Jangan Gunakan HTML untuk Mengubah Ukuran Gambar Anda

Jika Anda ingin menggunakan gambar yang berukuran 1000 × 1000 piksel pada halaman web Anda, tetapi Anda ingin hanya berukuran 250 × 250 piksel, ubahlah dalam editor gambar. Beberapa orang akan 'menyusut' gambar menggunakan HTML seperti:

Jika ukuran 1000 × 1000 piksel adalah 2 MB dalam ukuran file, mengubah ukurannya dengan HTML tidak membuat ukuran file lebih kecil! Bahkan mungkin butuh waktu lebih lama untuk memuat, karena sekarang browser harus meletakkan 10 pon kotoran dalam kantong 2 pon, sehingga untuk berbicara. Bukan tugas yang mudah.

Semoga tips ini akan membantu Anda. Beri saya shoutback di komentar jika Anda menggunakannya atau memiliki beberapa ide pengoptimalan HTML lainnya untuk dibagikan.