Dasturchi va kompilyator tomonidan kodni optimallashtirish uchun asosiy imkoniyatlar. Dastur kodini optimallashtirish

Ushbu saytda men odatda o'z tajribalarimni baham ko'raman, lekin ba'zida o'zim maslahatga muhtojman. Va bu qisqa maqola faqat ushbu seriyadan bo'ladi, chunki muammo mening vakolatimdan biroz tashqarida, lekin uni hal qilish kerak. Shu bois, savol ma'lum darajada o'quvchilar uchun. Ammo haqiqat shundaki, bizning aziz Google menga bu saytim to'liq emasligini va bu saytni sekinlashtirayotganini aytdi.

Men dasturchi emasman, ular aytganidek, men hech qanday tilni bilmayman. Lekin masalani hal qilish kerak, shuning uchun ham men buni shu yerda ko‘tardim. Albatta, savol murakkab bo'lsa-da, bu nima ekanligini va savdoni boshqarishga qanday yordam berishini tushunishdan ko'ra qiyinroq emas.

Men buni blogim sahifalarida aniqlashga harakat qilaman. Bundan tashqari, siz bir vaqtning o'zida hamma narsani qila olmaysiz, lekin sizda harakat rejasi bo'lishi kerak.

Men itning qaerga dafn etilganini tushuntirishdan boshlamoqchiman. Ehtimol, siz, men kabi, veb-saytingiz uchun kontentni boshqarish tizimidan foydalanasiz: WordPress, Joomla, Drupal yoki boshqa narsa. Ushbu tizimlar professionallar tomonidan ishlab chiqilgan va ularda kam xatolar mavjud.

Ammo ko'pchiligimiz jamoat mulkidan oladigan andozalar xatolarga moyil. , ayniqsa, bepul, ko'pincha havaskorlar tomonidan yaratilgan va ularning ijodi mukammal emas. Va menga shablondagi xatolarni ko'rsatgan mehribon Google edi. Ular nima?

Google mobil qurilmalar va ish stollaridan sayt yuklashda xatoliklarni alohida ko'rsatadi. Biroq, farq bor. Xo'sh, mening shablonimda qanday xatolar yoki hatto kod kamchiliklari bor?

1. Tuzatish kerakmi - bu xatoning yuqori darajasi!

Brauzer keshidan foydalaning!
HTTP sarlavhalarida statik resurslarning sanasi yoki amal qilish muddatini belgilash orqali brauzer ilgari olingan resurslarni Internetdan emas, balki mahalliy diskdan yuklaydi.
Quyidagi resurslar uchun brauzer keshidan foydalaning:

Http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 (yaroqlilik muddati ko'rsatilmagan) http://directstat.ru/script (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/karta- saita/ (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/prostolinux.png (yaroqlilik muddati ko'rsatilmagan) (yaroqlilik muddati ko'rsatilmagan) (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes /rockwell_new/rockwell/css/jquery.lightbox-0.5.css (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css (yaroqlilik muddati ko'rsatilmagan) https ://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_body. jpg (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_dotted_vert.gif (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/ rockwell_new/rockwell/images/bk_menu_orange.jpg (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bullet_top.jpg (yaroqlilik muddati ko'rsatilmagan) https://prostolinux. ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/topmenu_border_orange.jpg (yaroqlilik muddati belgilanmagan) belgilangan harakatlar) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/copy.js (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/ js /jquery-1.3.2.min.js (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js (yaroqlilik muddati ko'rsatilmagan) (yaroqlilik muddati ko'rsatilmagan) ko'rsatilgan amal qilish muddati) (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css (yaroqlilik muddati ko'rsatilmagan) https://prostolinux.ru/wp-includes/images / smilies/icon_smile.gif (yaroqlilik muddati ko'rsatilmagan)

Amal qilish muddati nima va u qaerda ko'rsatilishi kerakligi menga hali aniq emas. Bilasiz?

2. Tuzatish haqida o'ylab ko'ring

Sahifaning yuqori qismidan renderlashni bloklaydigan JavaScript va CSS-ni olib tashlang.

Har bir sahifada blokirovka qiluvchi skriptlar soni: 1. Bir sahifada blokirovka qiluvchi CSS resurslari soni: 4. Ular kontentni ko‘rsatishni sekinlashtiradi.
Sahifaning yuqori qismidagi barcha kontent faqat quyidagi manbalar yuklangandan keyin ko'rsatiladi. Ushbu resurslarni yuklashni kechiktirishni, ularni asinxron tarzda yuklashni yoki ularning eng muhim komponentlarini to'g'ridan-to'g'ri HTML kodiga joylashtirishni o'ylab ko'ring.
Displeyga xalaqit beradigan JavaScript kodini olib tashlang:

Https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js

Quyidagi manbalarda CSS-ni optimallashtiring:

https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/jquery.lightbox-0.5.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css

Bu erda muammo aniqroq, lekin men buni qanday hal qilishni hali bilmayman. ga yuklangan mahalliy server kodni xavfsiz tahrirlash uchun sayt nusxasi. Keling, mashq qilaylik.

3. JavaScript-ni kichiklashtirish - bu o'rtacha xato darajasi. Xatoni tuzatish saytni biroz tezlashtiradi.
JavaScript kodini siqish tezroq yuklash, qayta ishlash va bajarish uchun ma'lumotlar miqdorini kamaytiradi.
Quyidagi manbalarda JavaScript kodini kichiklashtirib, ularning hajmini 19,4 KB (46%) ga kamaytiring.
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js ni qisqartirish hajmi 14 KB (41%) ga qisqaradi
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js ni qisqartirish hajmi 5,4 KB (64%) ga qisqaradi.
4. Tasvirlaringizni optimallashtiring - bu o'rtacha xato darajasi. Xatoni tuzatish saytni biroz tezlashtiradi.

Rasmlarni to'g'ri formatlash va siqish ularning hajmini kamaytirishi mumkin.

5 KB (14%) ga kamaytirish uchun quyidagi rasmlarni optimallashtiring
Agar siz tasvirni yo'qotmasdan siqsangiz, u uning hajmini 2 KB (8% ga) qisqartiradi.
Agar siz https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png tasvirni yo'qotishsiz siqsangiz, bu uning hajmini 1,7 KB (31%) ga qisqartiradi.
Tasvirni http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 yo'qotishsiz siqsangiz, bu uning hajmini 1,3 KB (19%) ga qisqartiradi.

5. Serverning javob vaqtini qisqartiring - bu o'rtacha xato darajasi. Xatoni tuzatish saytni biroz tezlashtiradi.

Sinov natijalariga ko'ra, serveringizning javob vaqti 0,24 soniya edi. Ushbu ko'rsatkichga ko'plab omillar ta'sir qiladi. Javob vaqtlarini qanday kuzatish va o‘lchash mumkinligini bilish uchun eng yaxshi amaliyotlarimizni o‘qing.

Men buni juda ko'p deb o'ylamagan edim, lekin bu hosting muammosi bo'lib tuyuladi, siz u erda bilib olishingiz kerak.
6. HTMLni qisqartiring - bu o'rtacha xato darajasi. Xatoni tuzatish saytni biroz tezlashtiradi.
HTML kodini (jumladan, inline JavaScript yoki CSS kodini) siqish tezroq yuklash va qayta ishlash vaqtlari uchun ma'lumotlar hajmini kamaytiradi.

Quyidagi manbalarda HTML kodini kichiklashtirib, ularning hajmini 1,7 KB (8% ga) qisqartiring.
https://prostolinux.ru/kak-usilit-signal-3g-modema/ ni qisqartirish hajmi 1,7 KB ga (8% ga) qisqaradi.

Bu erda hamma xatolar bir xil, ammo farqi shundaki, ULARNING HAMMASI MUHIM DEB BO'LGAN!

Bu qanday ma'nono bildiradi? Bu shuni anglatadiki, saytni yuklashda mobil qurilma, hamma narsa tezroq bo'lishi kerak, chunki u erda Internet kanali odatda torroq.

Ha, Google menga bu xatolarni qayerda ko'rsatganini aytmadim. Va u menga ularni Google Adsense panelida ko'rsatdi. Yoki siz shunchaki https://developers.google.com/speed/pagespeed/insights/ ga kirib, nima tuzatish kerakligini bilib olishingiz mumkin, chunki saytdagi kodni optimallashtirish, garchi oson bo'lmasa ham, faqat bir marta bajarilishi kerak.

Agar siz hech bo'lmaganda ba'zi muammolarni qanday hal qilishni bilsangiz, maslahatlaringiz uchun juda minnatdorman.

Yechimlar.

1. Siqishni yoqing.

Darhol ba'zi yaxshilanishlarga erishishga imkon bergan birinchi narsa, saytning ildizida joylashgan .htaccess fayliga kod qo'shish edi.

SetOutputFilter DEFLATE sarlavhasini qo'shish Vary User-Agent FileETag MTtime Size ExpiresActive on ExpiresDefault "kirish va 1 oy" SetOutputFilter DEFLATE
Men tushunganimdek, bularning barchasi server tomonida ma'lumotlarni siqish imkonini beradi. Men bu haqda allaqachon yozganman, hatto kodni ham e'lon qilganman, lekin siz ishlashni yaxshilagan yana bir nechta sozlamalarni qo'shishingiz mumkin.

2. Keraksiz skriptlarni olib tashlang.