Autoptimize Plugin istifadə edərək HTML, CSS və JavaScript-ni necə minatlandırmaq olar

Google və digər axtarış motorları bu qədər tez yüklənərsə veb saytınıza dəyər verir. Çünki izləyənlərin heç birində məzmununuzu gözləmək üçün çox gözləyən xəstələr yoxdur və onların diqqətini çəkmək üçün sadəcə 1,5 saniyə vaxtınız var. Saytınızın açılması çox vaxt tələb edirsə, ümumiyyətlə izləyicilərinizi itirirsiniz. Beləliklə, veb saytınızı sürətləndirmək üçün bu vacibdir. Saytınızı optimallaşdırmağın bir neçə yolu var. Ancaq ən vacib hissələrdən biri budur HTML, CSS və JavaScript-ni azaldın.


Heç bir sürət testi etmisinizsə Google PageSpeed və ya GTmetrix, yəqin ki, bu seçimi görürsünüz.

Bir çox fayl ilə yüklənən hər veb sayt HTML, CSS və JavaScript ehtiva edir. Faylların çoxunda çox yer, şərh, Blok ayırıcıları və s. Daxildir. Beləliklə, düzgün yükləmək üçün əlavə vaxt tələb olunur..

Bu da Tema keyfiyyətindən asılıdır. Məsələn, bir pulsuz mövzu keyfiyyətindən həmişə yaxşı bir mükafat teması. Premium mövzular yaxşı kodlaşdırılmış və yüksək ixtisaslı inkişaf etdiricilər tərəfindən qurulmuşdur. Ancaq bütün mövzular eyni deyil və müxtəlif növ funksiyalara malikdir. Beləliklə, tərəfindən Minifasiya o HTML, CSS və JavaScript faylı, strateji olaraq sayt sürətinizi artıra və ziyarətçilərinizi sevindirə bilərsiniz.

Minify nədir və niyə faydalıdır?

Minifasiya funksiyasını dəyişdirmədən bütün lazımsız simvolları mənbə kodundan çıxaran bir proqramlaşdırma dilidir. Bu lazımsız simvol adətən “ağ boşluq simvolları, yeni xətt simvolları, şərhlər, və blok ayırıcılar ”. 

Minifləşdirmədən əvvəl və sonra

Koda oxunuş əlavə etmək üçün istifadə olunur, lakin bunun yerinə yetirilməsi üçün tələb olunmur. Bu yolla, internet üzərindən köçürülməsi lazım olan kod miqdarını azaldır və bant genişliyinizi saxlayır. Beləliklə HTML, CSS və JavaScript minifying, bu lazımsız simvolları saytınızdan asanlıqla və əhəmiyyətli dərəcədə silə bilərsiniz artırmaq sayt sürətiniz. 

HTML, CSS və JavaScript-ni necə minimallaşdırmaq olar

HTML, CSS-ni minitləşdirməyin iki yolu var & JavaScript. Tema kodunuzu düzəltməklə ya da WordPress plaginindən istifadə edə bilərsiniz Avtomatikləşdirin. Bu yazıda hər iki prosesi sizə göstərəcəyik HTML, CSS və JavaScript-ni necə minimallaşdırmaq olar.

Məsələyə səbəb olan dəqiq HTML, CSS və ya JavaScript faylını bilmək üçün hər hansı bir sayt sürət test alətində yoxlamaq lazımdır. Google PageSpeed ​​vasitədir və ya GTmetrix. Çünki bütün fayllarınızda bu cür lazımsız simvol yoxdur.

Saytınızın nəticəsini yoxladıqdan sonra əldə edəcəksiniz. Hesab edən saytımın altındakı bir şəkil CSS-in düzəldilməsiJavaScript.

Minimum Css, JavaScript

Tema keyfiyyətinizi müəyyənləşdirir. Beləliklə, hər ikisini görsəniz narahat olmayacaq bir şeyin Minify deyildiyi və bir Premium mövzu almaq daha yaxşıdır.

HTML, CSS və JavaScript kodunu minib apara biləcəyiniz bəzi onlayn vasitələr var. 

Hər hansı bir dəyişiklik etməzdən əvvəl həmin sənədin bir nüsxəsini götürün.

# 1 Kod Minify:

Kod Alətini Minify

Kod Minify Hamısı Bir Minifying vasitədir. Bu JavaScript, CSS və HTML kodlarınızı minata bilər. HTML və ya CSS və ya JavaScript kodunu kopyalayın və buraya yapışdırın. Sonra vurun Minifləşdirin Seçim. Bu vasitə avtomatik olaraq kodu azaldın. Bundan sonra, həmin sənəddəki Minified kodunu kopyalayın.

Bu vasitə ilə HTML kodu kimi CSS və JavaScript kodunuzu minitləyə bilərsiniz.

№2 Willpeavy:

Willpeavy

Willpeavy başqa bir əla vasitədir HTML-ni azaldın kodlar. Bu vasitə minify kodu ilə eyni şəkildə işləyir. HTML və işarələmə daxil olan hər hansı bir CSS və ya JS-ni azaldır. Bu vasitədən istifadə etmək üçün kodunuzu buraya köçürmək və Minify düyməsini basmaq kifayətdir.

Autoptimize Plugin istifadə edərək miniveləyin

Avtomatikləşdirin

Belə kodlaşdırma ilə tanış deyilsinizsə, bir plagin istifadə etmək daha yaxşıdır və yeni başlayanlar üçün tövsiyə olunur. Beləliklə gəlir Plugin’i avtomatik olaraq artırın üçün WordPress istifadəçilər.

Bütün skriptləri və stil kodlarını avtomatik birləşdirir və onları bu qədər tez yükləyənləri daha kiçik edir. Bu, bütün HTML, CSS-ləri minlandırır & Javascript kodu özü və səhifənizi həqiqətən yüngül hala gətirir. Minifikasiya ilə bu plagin başlıqları bitir və üslubları səhifə başlığına keçirir və skriptləri altbilgiyə köçürə bilər.

Avtomatik tənzimləmə Tövsiyə et

Plugin parametrlərindən bütün işləri asanlıqla edə bilərsiniz. Bu plagini aktivləşdirdikdən sonra gedin Parametrlər> Avtomatikləşdirin.  “Ətraflı parametrləri göstər” düyməsini vurun.

İçində HTML daha sürətli işləmək üçün “HTML kodu optimallaşdırın” və “HTML şərhlərini saxlayın” bölmələrini seçin.

HTML seçimlərini avtomatikləşdirin

İçində JavaScript bölməsində “JavaScript kodunu optimallaşdır” et. JS-i erkən yükləmək və JS səhvlərinin şansını azaltmaq üçün “JavaScript-ni məcbur et” də edə bilərsiniz. JS skriptlərinizi sındırarsa, “Əlavə etmə sarğı əlavə et” et.
JavaScript Seçimlərini Avtomatikləşdirin

In CSS bölməsində “CSS kodunu optimallaşdırın”, “Ayrıca daxil edilmiş CSS-i birləşdirin” et. CSS-in minifallaşdırılmış olması halında “Inline and CSS-i təxirə salın” funksiyasını da işə sala bilərsiniz. CSS-ni minitləşdirmək və qutuya yapışdırmaq üçün bu vasitəni sınayın.

CSS seçimlərini avtomatikləşdirin

Daxil edin CDN “CDN Baza URL” sahəsində URL. Məsələn, ‘//cdn.example.com/’.

Və son olaraq, “məcmu skript / css-ni statik sənəd olaraq qeyd et” et. Ancaq veb brauzerinizin sıxılma və müddəti düzgün idarə edə biləcəyinə əmin olun.

CDN seçimlərini avtomatlaşdırın

Kodunuzu azaltdıqdan sonra saytınızın sürətini yenidən yoxlamağı unutmayın. Sonra keçmiş nəticələri ilə müqayisə edin. Saytınızda problem yaranarsa və ya düzgün göstərilmirsə, təmizləməyə çalışa bilərsiniz Gizli yer

Nəticə

HTML, CSS-ni minimallaşdırmaqJS saytınız üçün faydalıdır. Kodunuzun lazımsız simvollarını aradan qaldırır və onları brauzer üçün yararlı hala gətirir. Bu sayədə saytın yükləmə sürətini artıra bilərsiniz.

Bu təlim HTML, CSS və JavaScript Minify kömək edirsə, xahiş edirəm bu məqaləni bölüşün Facebook, Twitter, Google+.

Əlaqəli məqalələr,

  • WordPress-də brauzer keshçiliyini necə istifadə etmək olar
  • WP-Sweep istifadə edərək WordPress verilənlər bazasını necə optimallaşdırmaq olar
  • WordPress 2017 üçün 7 ən yaxşı şəkil optimallaşdırıcı
  • Daha sürətli yükləmə üçün WordPress-də Gzip Sıxılmasını necə asanlıqla aktivləşdirmək olar
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map