Pulsuz çevirici

HTML Kiçikləşdirici

HTML kodunu dərhal brauzerinizdə kiçildin və sıxın. Şərhləri silin, boşluqları yığışdırın və fayl ölçüsünü azaldın. Pulsuz və özəl.

HTML faylını buraya sürükləyin və buraxın

.html və .htm fayllarını dəstəkləyir. Və ya yuxarıda HTML-ni yapışdırın.

Və ya

Bu alət haqqında

HTML-nin kiçildilməsi veb-səhifənin mənbəyindən lazımsız simvolları silir - teqlər, şərhlər, lazımsız sitatlar, isteğe bağlı bağlanma teqləri - səhifənin necə göstərildiyini dəyişmədən fayl ölçüsünü azaltmaq üçün. Qənaət hər səhifə üçün cüzidir (adətən 10-30%), lakin bir çox sorğularda, xüsusən statik saytlar və ya dinamik sıxılma olmadan xidmət edilən səhifələr üçün mürəkkəbdir.

Bu kiçildirici blok səviyyəli elementlər arasındakı boşluğu aradan qaldırır, qeyri-əhəmiyyətli mətn daxilində boşluqları yığır, HTML şərhlərini silir (IE şərti şərhlər istisna olmaqla), HTML5 spesifikasiyası ilə icazə verilən lazımsız atribut sitatlarını silir və spesifikasiyanın icazə verdiyi yerlərdə isteğe bağlı bağlanma teqlərini (</p>, </li>) silir. Nəticə hər brauzerdə mənbə ilə eyni şəkildə göstərilir.

Kiçikləşdirmə server səviyyəsində gzip və ya Brotli sıxılma ilə birləşdirildikdə ən faydalıdır. Sıxılma artıq qənaətin minimuma endirilməsinin çoxunu aradan qaldırır, lakin ikisi birləşərək yenə də tək başına sıxılmanı məğlub edir – xüsusən də bant genişliyi xərclərinin vacib olduğu yüksək trafikli saytlar üçün.

HTML niyə kiçildir

Kiçik HTML, xüsusilə yavaş bağlantılarda və mobil şəbəkələrdə daha sürətli yüklənir. Səhifənin çəkisi birbaşa Əsas Veb Vitallarına təsir edir - Ən Böyük Məzmunlu Boyama və İlk Bayta qədər vaxt həm server təhlil etmək üçün daha az HTML qaytardıqda yaxşılaşır. SEO sıralamasının Core Web Vitals ballarından asılı olduğu saytlar üçün kiçildilmə ölçülə bilən təkmildir.

Kiçikləşdirilmiş HTML həmçinin miqyasda bant genişliyi xərclərini azaldır. Hər səhifəyə 10 KB qənaət etməklə gündə bir milyon səhifəyə xidmət edən sayt gündəlik 10 GB çıxışa qənaət edir. Statik saytlar üçün təsir birləşmələri məlumat ötürülməsi ilə hesablanan CDN-lərdən xidmət göstərir.

Necə istifadə etməli

HTML yapışdırın, kiçildilmiş versiyanı əldə edin.

  1. HTML daxiletmə əlavə edin: HTML mənbəyini daxiletmə sahəsinə yerləşdirin və ya .html faylını buraxın. Minifikator istənilən etibarlı HTML5 işarələməsini qəbul edir.
  2. Seçimləri seçin: Defolt şərhləri silir və boşluqları daraldır; xüsusi elementləri qorumaq lazımdırsa, fərdi transformasiyaları söndürə bilərsiniz (məsələn, sənədlər üçün şərhləri saxlayın).
  3. Kiçikləşdirin: Minifikator hər bir aktiv transformasiyanı tətbiq edərək HTML işarəsi axınını gəzir. Çıxış kiçik ölçülü funksional olaraq eyni HTML-dir.
  4. Kopyalayın və ya endirin: Nəticəni təqdim olunan HTML kimi istifadə edin. Yerləşdirmədən əvvəl səhifənin hədəf brauzerlərdə düzgün göstərildiyini təsdiqləyin.

Ümumi istifadə halları

Texniki Detallar

Minifikator HTML işarəsini tokenlə emal edir. Blok səviyyəli elementlər arasında boşluq (<div>, <p>, <ul>) göstərilməyə təsir etmədiyi üçün silinir. Daxil edilmiş kontekstlərdə (<span>, <a>, mətn məzmunu) boşluq qorunur, çünki o, göstərməyə təsir edə bilər.

Şərhlər defolt olaraq silinir, lakin şərti şərhlər (<!--[IE varsa]>) saxlanılır. HTML5 təhlilçisinin icazə verdiyi yerlərdə atribut sitatları silinir — boşluqlar və ya xüsusi simvollar olmayan tək sözdən ibarət atribut dəyərləri dırnaqları buraxa bilər.

Könüllü bağlanma teqləri HTML5 spesifikasiyasına uyğun olaraq silinir: </p>, </li>, </td> və bir neçə digəri, onların yaxınlığını ifadə edən bacı-qardaşı izlədikdə buraxıla bilər. Bu, oxumaq üçün qeyri-adidir, lakin brauzerlərin eyni şəkildə təhlil etdiyi etibarlı HTML5.

Ən yaxşı təcrübələr

Tez-tez verilən suallar

HTML-nin kiçildilməsi nəyi aradan qaldırır?
Teqlər, HTML şərhləri (<!-- -->), isteğe bağlı bağlanma teqləri (</li>, </p>, </td>), defolt atribut dəyərləri (girişlərdə "type="text") və boolean atribut dəyərləri (disabled="disabled" → disabled) arasında lazımsız boşluq.
Kiçikləşdirmə səhifəmi poza bilərmi?
Nadir hallarda, lakin əgər CSS-iniz daxili elementlər arasındakı boşluğa əsaslanırsa və ya JavaScript innerHTML müqayisələrindən istifadə edirsə mümkündür. Həmişə kiçildilmiş çıxışı sınayın. Alət standart olaraq mühafizəkar parametrlərdən istifadə edir.
Next.js kimi çərçivədən istifadə etsəm, HTML-ni kiçildməliyəmmi?
Əksər müasir çərçivələr (Next.js, Nuxt, Angular) istehsal quruluşlarında HTML-ni avtomatik olaraq kiçildir. Bu alət statik HTML faylları, e-poçt şablonları və quraşdırma sistemi olmayan layihələr üçün faydalıdır.
Bu, daxili CSS və JavaScript-i də kiçildirmi?
Bu alət HTML strukturuna diqqət yetirir. Daxili <style> və <script> məzmunu olduğu kimi saxlanılır. Bunlar üçün optimal nəticələr üçün xüsusi CSS və JavaScript minifikatorlarından istifadə edin.
İsteğe bağlı bağlanan etiketləri silmək təhlükəsizdirmi?
HTML5 spesifikasiyasına görə bəli, nəticəni oxumaq daha çətindir. Bəzi komandalar kiçik ölçülü cəzanı qəbul edərək aydınlıq üçün bu transformasiyanı ləğv edirlər.
HTML-im serverə yüklənib?
Xeyr. Minifikator brauzerinizdə işləyir.
Bunun html-minifier-terser ilə müqayisəsi necədir?
html-minifier-terser kanonik Node.js HTML minifikatorudur və bir az daha aqressiv nəticələr verir. Bu alət quraşdırma quraşdırma olmadan brauzer tərəfində istifadə üçün eyni transformasiyaları əhatə edir.
Həmişə kiçilməliyəm, yoxsa seçmə?
Həmişə istehsal üçün. Versiya nəzarətində mənbə kodu üçün heç vaxt; mənbədə oxuna bilən HTML texniki xidmət üçün vacibdir.