скорост на страницата графичен кълнове социален

Ако останете в течение с нашите актуализации на продукти , знаете, че продуктовият екип на HASHTAGS винаги добавя и подобрява характеристиките на продукта. Постоянно пускаме подобрения, големи и малки, често повече от веднъж дневно. Много промени не са включени дори в по-подробните ни бележки към изданието . Например, другата седмица пуснахме около 70 ангажимента (единици промяна на кода) към уеб приложението app.sproutsocial.com . Освен това бяха пуснати около 20 ангажимента към нашия API, жизнената сила на нашето уеб приложение и мобилни приложения и много, много повече към тези мобилни приложения и безбройните бекенд услуги, които включват всичко, което е технологията на Sprout.



мощни числа в нумерологията

Тези необявени промени включват някои от това, което бихте очаквали: корекции на грешки, визуално почистване, почистване на код (за да ни позволи да изграждаме по-бързо). Също така пускаме тъмни функции: неща, които служителите на Sprout могат да опитат и да предоставят обратна връзка, преди да бъдат пуснати на клиентите. Друга категория промени в продуктите и предметът на това са подобренията в уеб производителността.



Нашият инженерен екип използва редица инструменти за наблюдение на здравето и работата на нашите системи. Винаги наблюдаваме да откриваме проблеми или да измерваме промените в ефективността. Мислех, че ще споделя някои от диаграмите, в които се взираме, които разкриват хубави подобрения от началото на 2015 г. до времето за зареждане на нашата страница. Тези диаграми представляват „реални“ (т.е. СТАЯ ) пъти, което е най-добрият опит да се измери това, което потребителят възприема.

Първо, ето нашето средно време за зареждане от 1 януари 2015 г. до 28 април. Успяхте ли да увеличите мащаба преди 16 април, щяхте да видите, че средното беше 2,7 секунди. Оттогава тя е спаднала до 1,7 секунди. Визуално това е представено чрез отпадане от дясната страна. Това означава, че когато посещавате някоя от нашите уеб страници, получавате необходимата информация по-бързо.

екранна снимка на времето за зареждане на страницата на браузъра

Тези средни стойности се основават на времето за зареждане от цял ​​свят. Някои от нашите промени имат най-голям ефект извън САЩ. Например, тук са времената за зареждане на страници от Австралия. Подобрението там е от около 1,6 секунди.

душевен порив 3
екранна снимка на времето за зареждане на страницата в Австралия

Това не означава, че страниците не се зареждат по-бързо и в САЩ, където нещата са с 0,7 секунди по-бързи.

екранна снимка на времето за зареждане на страните в САЩ

И ето чифт графики за отрепки от статистиката. Една от най-въздействащите промени беше внедрена в края на 16 април. Тук виждате средно, средно и 95-то процентили време за зареждане на страницата. Обърнете внимание на рязката промяна в модела. Втората диаграма отделя медианата, като коригира скалата, за да визуализира по-добре разликата.



средна екранна снимка на процентила на браузъра екранна снимка на браузър процентил

И така, какво допринесе за тези подобрения?

Ето техническо резюме на най-важните:

какво означава 25
  1. Наскоро предоставихме Sprout на испански и бразилски португалски . По време на този проект направихме промяната, за да обслужваме езикови файлове, които имахме преди за английски, чрез Amazon CloudFront CDN . Те също така попадат в кешовете на браузъра поради заглавките за управление на кеша. Накратко кешът на браузъра избягва необходимостта от повторно изтегляне на нещо и най-добрият начин да направите нещо бързо е изобщо да не се налага да го правите! Това спести около 20KB на зареждане на страница и намаляването на размерите на нашите страници означава, че те се изтеглят по-бързо.
  2. Използваме редица шрифтови файлове за типография и икони. Разположихме необходимата CORS конфигурация, за да ги обслужваме и кешираме чрез CloudFront, вместо да ги обслужваме директно от AWS S3. Казано по-просто, нашите шрифтови файлове стигат до потребителите чрез глобална мрежа, което дава по-бързо време за изтегляне.
  3. Мустак е нашата библиотека за шаблони. Ние компилираме тези шаблони в Javascript, използвайки Twitter Библиотека на Хоган . Преди това те бяха обслужвани с нашия DOM, съставлявайки около 80% от байтовете. Те вече се извличат независимо, отново чрез CloudFront, което им позволява да бъдат кеширани на ръба и отново в браузърите. С прости думи, ние направихме размерите на нашите страници по-малки, така че те естествено се изтеглят по-бързо.

Безсрамен щепсел за наемане

Запалени ли сте по уеб изпълнението? Винаги търсим инженери като вас, които искат да направят всеки слой в стека по-бърз, от CSS до Javascript до HTTP / TCP до сървърния код, кеширане, бази данни, ядра на Linux и хардуер. Моля, кандидатствайте за една от нашите работни места и извикайте специфичните си интереси за изпълнение. Чуруликайте ми с въпроси.

Споделете С Приятелите Си: