<link>'leri <head> içine yerleştirme
<link>'leri <head> içine koymak, optimize edilmiş bir web sitesi oluşturmada doğru spesifikasyonun bir parçasıdır. Bir sayfa ilk yüklendiğinde, HTML ve CSS eşzamanlı olarak ayrıştırılır; HTML DOM'u (Belge Nesne Modeli) oluşturur ve CSS CSSOM'u (CSS Nesne Modeli) oluşturur. Her ikisi de bir web sitesinde görselleri oluşturmak için gereklidir, bu da hızlı bir "ilk anlamlı boyama" zamanlamasına olanak tanır. Bu aşamalı oluşturma, optimize edilmiş sitelerin performans puanlarında ölçüldüğü bir kategori optimizasyonudur. Stil sayfalarını belgenin altına yakın bir yere koymak, birçok tarayıcıda aşamalı oluşturmayı engelleyen şeydir. Bazı tarayıcılar, stilleri değişirse sayfanın öğelerini yeniden boyamak zorunda kalmamak için oluşturmayı engeller. Kullanıcı daha sonra boş beyaz bir sayfayı görüntülemek zorunda kalır. Diğer zamanlarda, stil uygulanmamış bir web sayfasını gösteren, stillendirilmemiş içerik flaşları (FOUC) olabilir.
<script>'leri hemen </body> öncesine yerleştirme
<script> etiketleri indirilirken ve yürütülürken HTML ayrıştırmasını engeller, bu da sayfanızın yavaşlamasına neden olabilir. Komut dosyalarını alta yerleştirmek, HTML'in önce ayrıştırılmasını ve kullanıcıya görüntülenmesini sağlar.
<script>'leri alta konumlandırmak için bir istisna, komut dosyanızın document.write() içermesidir, ancak günümüzde document.write() kullanmak iyi bir uygulama değildir. Ayrıca, <script>'leri alta yerleştirmek, tarayıcının komut dosyalarını indirmeye yalnızca tüm belge ayrıştırıldıktan sonra başlayabileceği anlamına gelir. Bu, DOM öğelerini manipüle etmesi gereken kodunuzun bir hata vermemesini ve tüm komut dosyasını durdurmamasını sağlar. <script>'leri <head> içine koymanız gerekiyorsa, defer özniteliğini kullanın, bu, HTML ayrıştırıldıktan sonra komut dosyasını çalıştırmanın aynı etkisini sağlayacak ancak tarayıcı komut dosyasını daha erken indirebilecektir.
Komut dosyalarını kapanış </body> etiketinin hemen öncesine koymanın, sayfanın boş bir önbellekte daha hızlı yüklenmesi yanılsamasını yaratacağını unutmayın (çünkü komut dosyaları belgenin geri kalanını indirmeyi engellemeyecektir). Ancak, sayfa yüklenirken çalıştırmak istediğiniz bazı kodlarınız varsa, bu kod yalnızca tüm sayfa yüklendikten sonra yürütülmeye başlayacaktır. Bu komut dosyalarını <head> etiketine koyarsanız, daha önce yürütülmeye başlayacaklardı - bu nedenle önbellek hazır olduğunda sayfa aslında daha hızlı yüklenmiş gibi görünecektir.
<head> ve <body> etiketleri artık isteğe bağlıdır
HTML5 spesifikasyonuna göre, <head> ve <body> gibi belirli HTML etiketleri isteğe bağlıdır. Google'ın stil kılavuzu bile bayt tasarrufu için bunları kaldırmayı önermektedir. Ancak, bu uygulama hala yaygın olarak benimsenmemiştir ve performans kazancı muhtemelen minimal olacak ve çoğu site için muhtemelen önemli olmayacaktır.