Cum de a conecta script-uri și în cazul în care mai bine pentru a face acest lucru, proiectarea și dezvoltarea site-ului

Bună ziua. 🙂

În esență, nu există nici o diferență, dar uneori se întâmplă că, dacă conectați script-ul la subsol nu va funcționa. Pentru frecventă toți cei care oferă scrierea lor script-ul pe care trebuie să le conecteze într-o pălărie. Există și conectați biblioteca jQuery.

Vreau să împărtășesc cu voi experienta mea. Personal, am conecta toate script-urile, toate încă în pivniță. Faptul este că fiecare script - aceasta este o sarcină suplimentară pe site-ul și cu atât mai mult vă conectați script-ul va dura mai mult pentru a încărca site-ul dumneavoastră. În plus, după cum știți site-ul începe să boot cu capace și, în ordinea în partea de jos încărcat toate elementele, astfel încât asigurați-vă că toate script-urile dvs. în antetul sunt încărcate și numai apoi va încărca conținutul principal al site-ului. De aceea eu o fac în pivniță. În primul rând am navei conținutul, apoi script-urile. În plus, site-urile care indică viteza de descărcare a site-ului, pentru partea, de asemenea, sunt sfătuiți să facă o conexiune la subsol, pentru o mai mare optimizare. Ce pot să spun, Google Analytics și PageSpeed ​​Insights și el sfătuiește să elimine toate script-urile din antetul site-ului.

Deci, deschide fișierul responsabil pentru subsol, și înainte de organismul de închidere conecta script-uri. Dacă utilizați WordPress, atunci trebuie să faci după funcția wp_footer (); .

Următorul punct se referă la conexiunea în sine. Uneori, script-ul are două linii și, uneori, 100. În cazul în care astfel de script-uri 5 piese? subsol se transformă într-o groază liniștită. Pentru a evita acest lucru, vă sfătuiesc să introduceți fiecare script într-un fișier separat și salvați-l cu extensie js. De exemplu, avem un scenariu și l-am păstrat în dosarul script.js. Acum trebuie să se conecteze la site-ul, pentru acest lucru trebuie doar pentru a oferi un link și un cod gata va arata ceva de genul:

Numai în cazul în care script-ul a fost pus în tag-uri, apoi plasarea într-un fișier, tag-urile nu trebuie să efectueze
Aceasta este, script-ul se adaugă la site-ul, după cum urmează:

Apoi, fișierul este pur și simplu adăugat la script-ul

Deci, pentru a face fiecare script pe care doriți să utilizați pe site. O astfel de metodă este în mod clar reduce cantitatea de cod în fișierul principal. De asemenea, în fața tuturor acestor conexiuni, prize și biblioteca jQuery. Desigur, în cazul în care nu este conectat la sistemul de management al conținutului implicit, așa cum se face în WordPress.

Pentru a face compresie pentru a insera cod în primul câmp și textul de mai jos l în site-ul deschis faceți clic pe. În al doilea câmp va fi comprimat versiune. În cazul în care codul era mare, dimensiunea sa este în mod clar redusă, și accelera încărcarea site-ului. Scriptul dvs. va fi într-o singură linie, fără deșeuri inutile 🙂

De exemplu, am decis să ia una și script-uri și pentru a vă arăta înainte și după. Apariția inițială a script-ul este după cum urmează:

Și acest lucru este modul în care va arăta după comprimare

Practic tot ce i-am spus tot ce a vrut. Acum puteți utiliza, de asemenea, modul convenabil atunci când se lucrează cu script-uri.

Asta e tot, vă mulțumesc pentru atenție. 🙂

Bună ziua dragi prieteni

Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră