Як мы скарачаем час загрузкі старонкі на 10 секунд

Здаецца, хуткасць і сацыяльныя навыкі не працуюць разам, калі гаворка ідзе пра выдатны вэб-сайт. Мы перанеслі наш сайт на маховым кола (партнёрская спасылка), і гэта значна палепшыла працу і стабільнасць нашага сайта. Але дызайн нашага сайта - з тоўстым ніжнім калонтытулам, які прасоўваў нашу сацыяльную актыўнасць у Facebook, Twitter, Youtube і на нашым падкасце - замарудзіў наш сайт да сканавання.

Гэта было дрэнна. Хоць вялікая старонка загружаецца за 2 секунды ці менш, наш сайт займаў больш за 10 секунд, каб старонка завяршылася. Праблема заключалася не ў WordPress і не ў махавіку, а ў ўсіх інтэрактыўных элементах, якія мы загружалі з іншых сэрвісаў ... Віджэты Facebook і Twitter, малюнкі для папярэдняга прагляду Youtube, наша дадатак Podcast, я проста не мог кантраляваць, як павольна яны загружаюцца. Дагэтуль.

Цяпер вы заўважыце, што нашы старонкі загружаюцца прыкладна праз 2 секунды. Як мы гэта зрабілі? Мы дадалі дынамічны раздзел у наш калантытул, які загружаецца толькі тады, калі карыстальнік пракручвае ўвесь шлях да гэтай кропкі. Пракруціце ў ніжняй частцы нашай старонкі ў браўзэры (не для мабільных прылад, прыкладанняў або планшэтаў), і вы ўбачыце загружанае малюнак:

нагрузка

Выкарыстоўваючы jQuery, мы фактычна не загружаем базу старонкі, пакуль хтосьці там не пракруціцца. Код на самай справе даволі просты:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). даўжыня <200) {$ ("# дадатковая"). load ('[поўны шлях старонкі для загрузкі]');}}});

Пасля таго, як карыстальнік пракруціцца да падставы старонкі, jQuery go здабывае змесціва старонкі ўказанага шляху і загружае іх у выбраны вамі div.

Хоць сайт больш не атрымлівае выгады ад загружанага там змесціва (паколькі пошукавая сістэма не скануе яго), мы цалкам упэўнены, што хуткасць старонкі дапаможа значна больш ранжыраваць, абменьвацца і ўдзельнічаць, чым мець кагосьці нецярпліва чакаць, пакуль наша старонка загрузіцца пакутліва павольна. Лепш за ўсё, на старонцы па-ранейшаму ёсць усе элементы, з якімі мы хочам узаемадзейнічаць з нашымі наведвальнікамі ... без шкоды для хуткасці старонкі.

Нам яшчэ трэба папрацаваць ... але мы дабіраемся!

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.