Як мы скарачаем час загрузкі старонкі на 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 для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.