Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpucu

İlan

Benim 'HyperText Markup Language (HTML) becerileri kesin olarak paslanmış, ama belki de bu makale için beni hak ediyor. Geri döndüğü gün Arkadaşlar Hala televizyondaydı ve AOL günlük ücretsiz bardak altlıkları ve mini frizbi gönderiyor, çevirmeli modemleri yüklemek için web siteleri oluşturuyordum. Zaman geçtikçe, hala geniş bant (çevirmeli) bağlantıları olan çok sayıda insan olduğunu düşünmek için sinir vardı ve buna dayanarak web siteleri tasarlamaya devam ettim.

Sonunda pes ettim web tasarımı ve geliştirme Web Tasarım Öğrenmek İster misiniz? Başlamak için 7 YouTube KanalıYouTube, web tasarımına yeni başlayanlar için binlerce video ve kanala sahiptir. Burada başlamak için en iyi olanlardan bazılarına bakıyoruz. Daha fazla oku içeriğin kalitesi içerik miktarına göre tarafa itilmeye başladığında. Flash siteleri, çok sayıda resim, pop-up'lar, arkada açılır pencereler, kaydırıcılar vb. Kaliteli içeriğinize güvenin ve bu tüylere ihtiyacınız yok. İçeriğinize güvenin ve web sitenizi inanılmaz derecede hızlı yapabilirsiniz.

Ücretsiz bir hizmette barındırılan bir web sitesi ile, kesinlikle daha iyi. Neden? Çünkü "özgür" birçok kişiyi cezbetme eğilimindedir ve sunucunun sayfanızı ve optimize edilmemiş binlerce başka insanın sayfasını açması gerekir. Bu, Jimmy haulin'in domuzlarıyla günlükleri çeken Kenworths'un bir konvoyunu geçmeye çalışmak gibi. Ancak küçük bir Porsche'niz varsa, bunu yapmak çok daha kolaylaşır.

İşte, belirli bir sırayla, yağı düzeltmek için bazı ipuçları.

1. Tabloları Aralıklı Kullanın

Tablolar bir catch-22'dir. Başlangıçta, tasarımı düzenlemek ve içeriği tablo formatına koymak için kullanıldılar. Tasarım düzenleri daha karmaşık hale geldikçe, tablolar büyüdü ve daha derine yerleşti ve bu her zaman yükleme süresinde yavaşlama anlamına geliyor.

Cascading Style Sheets (CSS) ortaya çıktı ve düzen için tablo kullanma sorununa gerçekten yardımcı oldu. Ne yazık ki, tarayıcı üreticileri başlarını standartlar fikrine sarmış gibi görünmüyordu ve hala yapamıyorlar. Firefox'taki CSS'de harika görünen şey IE'de bir köpeğin kahvaltısı gibi görünüyordu ve muhtemelen Safari'de bile görüntülenmedi. Beni başlama Mac'te IE5. Ben hala bununla ilgileniyorum.

Lütfen tabloları yalnızca bir Tablo biçimi Tableizer: Excel Elektronik Tablosundan HTML Tablosu Oluştur Daha fazla oku - fiyat listesi veya hokey istatistikleri gibi. Bu, tabla sayısını ve iç içe geçme derinliğini azaltır, bu da daha hızlı yükleme süreleri anlamına gelir. CSS Öğrenme Online CSS Öğrenmek için En İyi 5 Site Daha fazla oku süslü bir düzen olması gerekiyorsa, büyük bir fark yaratacak.

2. Renk Oluşturmak için HTML Kullanma

Evet, Kanadalıyım, bu yüzden bana 'u' ile renk veriyor. HTML'nin Amerika merkezli olduğunu biliyorum, bu yüzden özellik 'renk'. Öğrenin onaltılık renk kodları ve bunları görüntüler yerine içeriği canlandırmak için kullanabilirsiniz.

Renklendirmek için HTML öğelerinize renk özelliğini eklemeyi deneyin. Bu, özellikle tablolarda veya vücut etiketinde iyi çalışır:

Bir tarayıcı olsaydınız, #FF00FF ya da birkaç bin kez renkli fuşya 10 × 10 piksel görüntü? Bu retorik bir soru, arka sıradasınız. Elini indir.

3. Komut Dosyalarına / Stil Sayfalarına Bağlantı

Belirli bir JavaScript (JS) veya CSS'yi web sitenizde tekrar tekrar, her dosyaya koymak yerine kendi dosyalarını oluşturmayı ve çağırmayı düşünün. Bir tarayıcı sunucuyu kontrol etmeden önce bir dosyayı önbelleğe alma ve bu dosyayı arama eğiliminde olduğundan, tarayıcınızda zaten bu komut dosyası veya CSS kullanıma hazır olacaktır. Bu daha az demek 'HyperText Transfer Pdaha hızlı bir yükleme sayfası anlamına gelen rotocol (HTTP) çağrıları.

Harici JavaScript Nasıl Aranır:

–>

Bu yorum etiketlerini neden JavaScript çağrısının etrafına koydum? Çünkü her tarayıcı komut dosyalarını okuyacak şekilde ayarlanmamıştır. Yorum etiketlerinin eklenmesi, komut dosyası devre dışı bırakılmış tarayıcıları rahatsız edici hata iletileri vermek yerine sadece atlatır.

Harici Basamaklı Stil Sayfasını Arama:

Bu kadar basit. Href özelliği, stil sayfanızın konumunu ayarladığınız yerdir. Özelliklerin geri kalanı tarayıcıya bu dosyanın ne olduğunu söyler, bu nedenle onunla ne yapacağını bilir.

Bazı geliştiriciler @ithalat stil sayfasını çağırmak için bir yöntem. Internet Explorer'da bu, dosyanızı sayfanın alt kısmına yerleştirerek sayfanın tamamını yüklemesine ve ardından stilleri oluşturmasına neden olur. İyi değil.

4. Sık Kullanılan Komut Dosyalarınızı Tek Dosyada Birleştirin

Birçok web geliştiricisi aynı komut dosyalarını tekrar tekrar kullanacaktır. Belki bir saat komut dosyası ve bir takvim komut dosyası ve belki de her sayfada kullanacakları bir tür özel efekt komut dosyası vardır. 3 ayrı HTTP çağrısı ile 3 ayrı dosyaya sahip olmak yerine, komut dosyalarını bir dosyaya koyun ve bir kez çağırın. Bu, HTTP çağrılarınızı% 66 oranında azaltır ve önbelleğe alınır. Şeytanı hızlandır, sen! Elinizi tekrar kaldırmadan önce, evet, aynı şeyi CSS dosyalarıyla yapabilirsiniz.

5. Resimlerinizin Boyutunu Değiştirmek için HTML Kullanmayın

Web sayfanızda 1000 × 1000 piksel olan bir görüntü kullanmak istiyorsanız, ancak yalnızca 250 × 250 piksel olmasını istiyorsanız, bir resim düzenleyicide değiştirin. Bazı insanlar, şu şekilde HTML kullanarak resmi "küçültür":

Bu 1000 × 1000 piksel boyutundaki resim dosya boyutunda 2 MB ise, HTML ile yeniden boyutlandırılması dosya boyutunu küçültmez! Aslında yüklemek daha uzun sürebilir, çünkü şimdi tarayıcı 2 kiloluk bir poşete 10 kilo kaka koymalıdır. Kolay bir iş değil.

Umarım bu ipuçları size yardımcı olacaktır. Eğer bunları kullanırsanız veya paylaşacak başka HTML optimizasyon fikirleri varsa yorumlarda bana bir geri bildirim verin.