{"blocks":[{"type":"paragraph","data":{"text":"Уже прошла половина августа, но пропускать ченжлог не хотим."}},{"type":"paragraph","data":{"text":"В выпуске «за июль» рассказываем:"}},{"type":"list","data":{"items":["как наняли сотрудников редакции с помощью мемов;","много про разработку с примерами;","про аналитическую систему (бесполезная статистика в комплекте)."],"style":"unordered"}},{"type":"paragraph","data":{"text":"Итак, поехали!"}},{"type":"expertLegacy","data":{"id":"1014"}},{"type":"paragraph","data":{"text":"В этом месяце мы искали нового пишущего редактора в команду и сделали для этого вот такие крутые анонсы:"}},{"type":"image","data":{"file":{"id":132615,"url":"https://media.tproger.ru/uploads/2020/08/anonsi.jpg"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":1550,"height":1150,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/anonsi.jpg","alt":"Припозднившийся Tproger Changelog за июль 2020 1","dimensions":{"width":1550,"height":1150},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/dpVnJI98O9-J4OuVlPkUSmeEG3Hdy-TaYCLDrZGpAmw/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/B3DbB75uNmYDaFnIiQdgE45XjNuExuUTwM8PykeMj2s/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/0Xbxhvws1UcSuFchwL7n_1hjQYEVeTmLGl8KVtUl-Ls/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/L2VLXCUvWfK3F0i1Bn7s_bNqlRo1a0Q4pxssa80f56M/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/edR2N7EKBf-XUfw-FhgAMDbq_Np-VMgMUunKYY3U_Z4/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/oLqCOlTZtqqB8oFdR5_Ib77oEhPFzGRNUrBOHkNyX8c/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/rKJZySUg4KaPFK655m8PdMkCkETPPSMZ4xMhsjjwSHU/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/Zweri8DzjZ0dpA-R79shdeW7R6WHzjnqLccXDMZb_lw/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9hbm9uc2kuanBn","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"Вакансию закрыли, два новых сотрудника уже работают с нами."}},{"type":"expertLegacy","data":{"id":"957"}},{"type":"paragraph","data":{"text":"9 июля в нашем новостном канале мы публиковали новость о том, что 15 числа планируется запуск Spotify в России. И Паша (не я, у нас их несколько в команде) сделал для этого замечательный мем."}},{"type":"image","data":{"file":{"id":132617,"url":"https://media.tproger.ru/uploads/2020/08/Untitled.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":960,"height":960,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled.png","alt":"Припозднившийся Tproger Changelog за июль 2020 2","dimensions":{"width":960,"height":960},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/v5vrUso4dMZ9n_t1XDKqj6lRHR6RFNuTe4NEj9ZzeZM/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/HZZ-jh5e2iEFYp7l52MzKWrB-i2XEPDW1tjwFhfR97c/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/1Gf-U_uq82Ymn1Dl4skieru30QlEHI_BjZblqo1iQSo/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/cYh-U-fLScQEwuEqzWD0i2rQ88B0OepXEpq_GeebISs/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/S4fMIScWYOLbaTZlEm-7WxbsA-vE34GiWYETyjINJTg/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/dNvgOFqSZdrRCydSJpr019mTryEqnvuhbm21lof_jcs/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/j4HSwQ9c4Qt5X9bQ3NQgQVOjBS9WYCEVqKo7lgTeHFU/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/Zxa5OFUFoLQi0G4inPhrix5dBkDc1gKhNiKK6OosXMY/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC5wbmc","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"15 числа, когда Spotify успешно запустился в России, наш мем был честно спизпозаимствован твиттером Not Spotify Russia. Естественно, о запуске написала и Meduza, собрав по такому поводу подборку мемов, в которую попал и наш мем, но под авторством Not Spotify Russia."}},{"type":"paragraph","data":{"text":"Какие выводы можно сделать из такой истории? Наверное, что наши мемы уже достаточно хороши, чтобы попадать в подборки крутых изданий, но мы прилагаем недостаточно усилий для того, чтобы крутые издания замечали именно нас."}},{"type":"expertLegacy","data":{"id":"78"}},{"type":"header3","data":{"level":3,"text":"Производительность и работа с ошибками"}},{"type":"paragraph","data":{"text":"В начале июля большая часть наших страниц на десктопе перестала считаться быстрыми в поиске Google. Проблема была в обновлённом сайдбаре. Я заменил старый код на современный, что дало нам ускорение работы сайта в целом и более читаемый текст в сайдбаре при прокрутке страницы. Однако браузер посчитал, что наш сайдбар постоянно меняет своё положение на экране так, как пользователь не ожидает. У всех страниц в 5–10 раз вырос показатель Cumulative Layout Shift и мы приблизительно за неделю вылетели из «зелёной зоны» определения быстрых страниц гуглом."}},{"type":"image","data":{"file":{"id":132618,"url":"https://media.tproger.ru/uploads/2020/08/Untitled-1.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":1166,"height":468,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled-1.png","alt":"Припозднившийся Tproger Changelog за июль 2020 3","dimensions":{"width":1166,"height":468},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/rvWawC_OSxTnpg5FJcoVkLInmm79LvQKoN4yqLpB06I/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/DzaRlkxa8V7v9CzMAmzV1rbHKrY9nXVNhRnDxZRC25o/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/e3zxGXY0jevUOIUtQzhQcJyNUcG0_IqRLmVZedSV2aw/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/vvWRZ_1V1m7P2RXZP3i1VbC1uRNeaHeoBERhgQPkbUo/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/QpU_xA5-ej9GfNxcy9jIGsNRnh9LP2G0PLR_E4ltECc/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/JuFB79wpoRIdyqJpdma9rUjyEXY79PLnYzWALIgWCrY/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/OAZ9LDhJJ6tpAclz6GAN-DCV_0_v-mWcIZF8Ob0WQHY/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/F-4AdmN5E5lH85ol5g_mKWUoIajQu3VnpfUlJ29cqKI/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0xLnBuZw=","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"Отчёт Core Web Vitals в Google Search Console"}},{"type":"paragraph","data":{"text":"Пришлось вернуть старый код, который в целом работает хуже, но не вызывает таких недоразумений при подсчёте важных метрик производительности. Буду искать другие решения для реализации sticky-сайдбара (обидно, что простое css-свойство position: sticky не решает нашу проблему, потому что у нас сайдбар не влезает на один экран). Может быть, вы подскажете хорошие решения?"}},{"type":"paragraph","data":{"text":"В прошлом выпуске я рассказывал о внедрении Sentry и упомянул, что мы получаем больше 500 сообщений об ошибках в минуту. Мы поработали над багами и ворнингами:"}},{"type":"image","data":{"file":{"id":132619,"url":"https://media.tproger.ru/uploads/2020/08/Untitled-2.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":1192,"height":242,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled-2.png","alt":"Припозднившийся Tproger Changelog за июль 2020 4","dimensions":{"width":1192,"height":242},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/1CPT8fcHrVlmck7VumuvgibpWskTPR5YFPlmrzq6kow/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/tJDT74wANTa3RI1nxpJHFv8UR8kOu_J4xebFJ1uU8-I/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/Tko0sN993N0PNPpfFsqNRUEfVHUsOBKvDNLDNZkKPnk/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/mU70oM4gKFp0XCJFo-jm-FotiN7uwpIJipmMkhuiEBA/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/0ltWSHloXB0ROJ-xeuacSBEbKswB7pJW9q0TbQk0KFw/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/0-4aNL7rFfsgQRsZl0zrBxq4_q9qtuE3aYMm4Kr5Gco/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/2SNBQ334TuE16OnpW8ZM7AxqXgK516WNk_h7N65X2xo/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/5P-mn2FSvzGkiIbI7XSWFr291qE7Yzy1z5LM8Xjf5D4/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0yLnBuZw=","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"Количество событий с сообщениями об ошибках согласно Sentry, на графике общее число событий т.е. повторение одной и той же ошибки у двух юзеров учитывается дважды. Шкалы нет, сравните просто процентное снижение"}},{"type":"paragraph","data":{"text":"А ещё мы добавили отслеживание превышения основных показателей скорости загрузки страницы, что позволяет отслеживать конкретные инциденты по производительности. За основные метрики взяли всё те же Core Web Vitals: LCP, FID, CLS."}},{"type":"image","data":{"file":{"id":132620,"url":"https://media.tproger.ru/uploads/2020/08/Untitled-3.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":2514,"height":1183,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled-3.png","alt":"Припозднившийся Tproger Changelog за июль 2020 5","dimensions":{"width":2514,"height":1183},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/A3EtVgGWeBeyYy7C6GXXFvwSL_waGym4EUNHCQ8BRNE/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/krwTvDJKm4AddW9kj-rNkRNvtxJVD-22sAZEPVeWmt8/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/d8MvDRefrH-pitSEQ0nL4_EVt_aNovQn6DkCuihMZFw/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/uqTwynj3i0n-5VIfaRV1ZI8DvwAWnEFkxBhYXGfXUkg/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/SnPd96tEQy0S7A6pkVdLnUOt-RRSPL81atJH9lQAeH0/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/Fkt50GKXIEqHLq2oVNh8rlFm9U_mYDUdaHyN1CSwzTM/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/P0sRXVWINTJ5_jhtqYMs05NqYssZuQL1iFsSY9DWIFc/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/qEUFhdTWE9GPbN0Hfn9cq-Cg7eUmIYjhKLY1EZyfDIg/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC0zLnBuZw=","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"Дашборд в нашей системе аналитики для выявления проблемных страниц по производительности"}},{"type":"image","data":{"file":{"id":132621,"url":"https://media.tproger.ru/uploads/2020/08/Untitled-4.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":2228,"height":657,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled-4.png","alt":"Припозднившийся Tproger Changelog за июль 2020 6","dimensions":{"width":2228,"height":657},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/ldP_aNU5cZb9VsCXQ33DtJs1CLDHKYKlbMxBFvLFT7o/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/BN3qfjCfUBdrilu42UQ_mRmhaJljNPxmGYXWln9OCoM/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/iYDxbkZ84zHXTKWnPnyHzO62XcOLjSEGyGbKV9l4xoY/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/UNoj0XbLNCj2JD_EPaAhSyCFJ0qJDWg58OB9hyW12es/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/VX59T2KYNuArPWJTJHDGj292WDtfovihcaTlUNCm4so/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/p5p6wIm5uM01qfqdn6QbykmYZYanE8wZv_dBgO8HogM/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/kILmHGr9BTMVUqBmP7pt9chQQ1o4Zuo7hlbcODy0ggU/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/zOjrhkkjSaqAhmIM8mJvB9IKUr0983L1jsF2nCrJfsc/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC00LnBuZw=","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"Пример события превышения порога по сдвигу контента в Sentry с дополнительными данными для повторения и расследования причин"}},{"type":"header3","data":{"level":3,"text":"Улучшения по работе с SQL"}},{"type":"paragraph","data":{"text":"Ещё в этом месяце мы поработали с нашей БД для предупреждения возможных проблем в будущем и увеличения прозрачности. Избавились от нескольких плохо написанных плагинов WordPress (иногда для замены нужно написать всего пару строк кода), исправили ошибки в своих плагинах."}},{"type":"paragraph","data":{"text":"Вот, ловите пример. У нас в коде есть вот такая строчка:"}},{"type":"code","data":{"code":"$sql = sprintf(\"SELECT * FROM wp_ads_baner_tracking WHERE datetime = %s AND baner_id = %d \", $now, $id);","language":"php lazy-code"}},{"type":"paragraph","data":{"text":"Итоговый SQL-запрос выглядит, например, так:"}},{"type":"code","data":{"code":"SELECT * FROM wp_ads_baner_tracking WHERE datetime = 2020072721 AND baner_id = 166","language":"sql lazy-code"}},{"type":"paragraph","data":{"text":"Если проанализировать его через explain, то видно, что он не использует индекс и всегда проходит по всем полям. А всё потому что поле datetime — строка. А в запросе — число."}},{"type":"paragraph","data":{"text":"Если поменять на такой запрос:"}},{"type":"code","data":{"code":"SELECT * FROM wp_ads_baner_tracking WHERE datetime = '2020072721' AND baner_id = 166","language":"sql lazy-code"}},{"type":"paragraph","data":{"text":"То запрос вместо анализа 13262 строк сразу возвращает одну строчку и не проверяет остальные. Потому что есть индекс и он может сразу сказать где искать значение. В целом исходный HTTP-запрос получил ускорение примерно в 1000 раз благодаря улучшению SQL-кода на бэкенде."}},{"type":"header3","data":{"level":3,"text":"Ужасный баг на iOS"}},{"type":"paragraph","data":{"text":"Не без помощи одного своего хорошего друга я исправил скролинг на iOS-девайсах. Этот баг изрядно потрепал мне нервы: иногда сайт прокручивался пальцем по экрану телефона, а иногда — нет. Потом через 3 секунды снова всё работало. И опять нет. И это ещё зависело от направления прокрутки! Ох, прям физически было больно."}},{"type":"paragraph","data":{"text":"Оказалось, что панелька со списком тегов, которую можно вызвать тыкнув на «Все темы» в главном меню, прячется за счёт z-index: -9999. Она как бы всегда была с нами, просто её не было видно. iOS иногда применял прокрутку к этой панельке, а иногда к контенту сайта, который сверху. Почему это так избирательно работало я так и не узнал, но скрыл через display: none этот div пока он не нужен. Теперь всё работает."}},{"type":"header3","data":{"level":3,"text":"Мы купили Slack"}},{"type":"paragraph","data":{"text":"Не всю компанию, конечно, а только платный тариф для команды. На тарифном плане Standard нам доступен неограниченный архив сообщений, по 10 ГБ места на каждого юзера для хранения файлов, безлимитные интеграции и ещё куча всего."}},{"type":"paragraph","data":{"text":"Мы давно пользуемся этим инструментом и постоянно ограничивали себя из-за недоступности старых сообщений. Теперь можно смело возвращаться в Slack из Telegram-каналов и изолировать рабочие вопросы в отдельном пространстве."}},{"type":"hint","data":{"fullWidth":true,"text":"А вы в команде используете платную версию Slack? Какой-то другой инструмент? Поделитесь в комментариях, нам интересен ваш опыт."}},{"type":"expertLegacy","data":{"id":"222"}},{"type":"paragraph","data":{"text":"Я написал статью про переезд в Яндекс.Облако. А коллеги выпустили классный анонс, благодаря которому наши подписчики узнали, что мы используем в Tproger:"}},{"type":"image","data":{"file":{"id":132622,"url":"https://media.tproger.ru/uploads/2020/08/Untitled-5.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":1080,"height":263,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/Untitled-5.png","alt":"Припозднившийся Tproger Changelog за июль 2020 7","dimensions":{"width":1080,"height":263},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/Xpaz9k_xTDO8EgJTUC0a2vjbwNdw84wFZhw3mGPpHus/rs:fill:766:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":766},{"url":"https://tproger.ru/signed_image/opEMbzOwyDFd6XFC1FYrHGTF23otIrynLCTVHJSzBXE/rs:fill:1532:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":1532},{"url":"https://tproger.ru/signed_image/In5MfurAivuaaVwSW6HVBfe6VI8hQCVgf37rIJ3dO4o/rs:fill:686:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":686},{"url":"https://tproger.ru/signed_image/3-hPbsUZ5v__yNwS1WnjEc6XgbsSAzUhfLpCzJSZC78/rs:fill:1372:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":1372},{"url":"https://tproger.ru/signed_image/MBUcq9Ux1XncjwWmCyOWx9EbLawhmvqJlhdyr4lpZcY/rs:fill:636:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":636},{"url":"https://tproger.ru/signed_image/5sYDgbcMKgyh7vwEEF0PWqZUWLA6EUkBsfcBmoZiFf4/rs:fill:1272:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":1272},{"url":"https://tproger.ru/signed_image/UWYwDCrGeAjoiscI5z51PyyGsBP7BiGMtuz_8hPFI8o/rs:fill:466:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":466},{"url":"https://tproger.ru/signed_image/i3URbp2df6WLhUIZOjQ7jzFJJjTRiS0JdfmnmeQ3axI/rs:fill:932:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC9VbnRpdGxlZC01LnBuZw=","dpr":1,"width":932}],"sizes":[{"media":"(min-width: 1441px)","size":"766px"},{"media":"(min-width: 1281px)","size":"686px"},{"media":"(min-width: 1281px)","size":"766px"},{"media":"(min-width: 961px)","size":"766px"},{"media":"(min-width: 671px)","size":"636px"},{"media":"(min-width: 500px)","size":"466px"}]}}}},{"type":"paragraph","data":{"text":"После успешного переезда мы отключили старое решение — Rockstat. Он был с нами около года. Его полностью заменил новый трекер. Press F."}},{"type":"image","data":{"file":{"id":132624,"url":"https://media.tproger.ru/uploads/2020/08/2020-08-03__22.41.16.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":189,"height":89,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/2020-08-03__22.41.16.png","alt":"Припозднившийся Tproger Changelog за июль 2020 8","dimensions":{"width":189,"height":89},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/xo8TT5BKN6ebSqIMVb-_jONAUGga6yP6Z53NnkiVMqs/rs:fill:189:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":189},{"url":"https://tproger.ru/signed_image/evA97cxucu3YGsaaxy1IR5y7Exoz6BBIZeRgHKolpOk/rs:fill:378:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":378},{"url":"https://tproger.ru/signed_image/xo8TT5BKN6ebSqIMVb-_jONAUGga6yP6Z53NnkiVMqs/rs:fill:189:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":189},{"url":"https://tproger.ru/signed_image/evA97cxucu3YGsaaxy1IR5y7Exoz6BBIZeRgHKolpOk/rs:fill:378:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":378},{"url":"https://tproger.ru/signed_image/xo8TT5BKN6ebSqIMVb-_jONAUGga6yP6Z53NnkiVMqs/rs:fill:189:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":189},{"url":"https://tproger.ru/signed_image/evA97cxucu3YGsaaxy1IR5y7Exoz6BBIZeRgHKolpOk/rs:fill:378:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":378},{"url":"https://tproger.ru/signed_image/xo8TT5BKN6ebSqIMVb-_jONAUGga6yP6Z53NnkiVMqs/rs:fill:189:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":189},{"url":"https://tproger.ru/signed_image/evA97cxucu3YGsaaxy1IR5y7Exoz6BBIZeRgHKolpOk/rs:fill:378:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi40MS4xNi5wbmc","dpr":1,"width":378}],"sizes":[{"media":"(min-width: 1441px)","size":"189px"},{"media":"(min-width: 1281px)","size":"189px"},{"media":"(min-width: 1281px)","size":"189px"},{"media":"(min-width: 961px)","size":"189px"},{"media":"(min-width: 671px)","size":"189px"},{"media":"(min-width: 500px)","size":"189px"}]}}}},{"type":"paragraph","data":{"text":"Интересная (нет) статистика: в день в нашем новом трекере копится 330 тысяч событий. Абсолютные числа воспринимаются плохо, но сравнить сейчас особо не с чем. Хотя вот, например: у человека в среднем 150–200 тысяч волос. В два раза меньше, чем мы событий в день трекаем."}},{"type":"paragraph","data":{"text":"Короче говоря, в среднем четыре события в секунду. Ворона делает пять взмахов крыльями в секунду. Увидите летящую ворону — вспомните, что почти на каждый взмах ее крыла мы трекаем одно событие. Узнали? Согласны? Задумайтесь."}},{"type":"paragraph","data":{"text":"Суммарно за полтора месяца работы трекера мы накопили 9 гигабайт данных. Это как 31 минута видео в Full HD. Шестая часть хронометража «Мстители: Финал»."}},{"type":"paragraph","data":{"text":"Не-не, обычно я серьезными вещами занимаюсь. И вам советую ?"}},{"type":"paragraph","data":{"text":"Например, я сделал полезный инструмент, который сравнивает показатели в счетчике просмотров на нашем сайте и в аналитическом трекере. Если расхождения ≥15%, в Sentry отправляется исключение:"}},{"type":"image","data":{"file":{"id":132623,"url":"https://media.tproger.ru/uploads/2020/08/2020-08-03__22.35.22.png"},"alt":"","title":"","caption":"","stretched":false,"withBackground":false,"withBorder":false,"width":453,"height":365,"optimizedFile":{"original":"https://media.tproger.ru/uploads/2020/08/2020-08-03__22.35.22.png","alt":"Припозднившийся Tproger Changelog за июль 2020 9","dimensions":{"width":453,"height":365},"additionalSizes":{"srcSet":[{"url":"https://tproger.ru/signed_image/pEoffDxfYfVOSvN8l_Sh_S-8-C7bNQGTDAMNpHKuBoA/rs:fill:453:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":453},{"url":"https://tproger.ru/signed_image/IIWHH1tHHmGKD4fHB4p3lX1tQUfxNm03hynSRShAOeQ/rs:fill:906:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":906},{"url":"https://tproger.ru/signed_image/pEoffDxfYfVOSvN8l_Sh_S-8-C7bNQGTDAMNpHKuBoA/rs:fill:453:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":453},{"url":"https://tproger.ru/signed_image/IIWHH1tHHmGKD4fHB4p3lX1tQUfxNm03hynSRShAOeQ/rs:fill:906:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":906},{"url":"https://tproger.ru/signed_image/pEoffDxfYfVOSvN8l_Sh_S-8-C7bNQGTDAMNpHKuBoA/rs:fill:453:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":453},{"url":"https://tproger.ru/signed_image/IIWHH1tHHmGKD4fHB4p3lX1tQUfxNm03hynSRShAOeQ/rs:fill:906:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":906},{"url":"https://tproger.ru/signed_image/pEoffDxfYfVOSvN8l_Sh_S-8-C7bNQGTDAMNpHKuBoA/rs:fill:453:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":453},{"url":"https://tproger.ru/signed_image/IIWHH1tHHmGKD4fHB4p3lX1tQUfxNm03hynSRShAOeQ/rs:fill:906:0:true/cb:vimg_2/f:webp/aHR0cHM6Ly9tZWRpYS50cHJvZ2VyLnJ1L3VwbG9hZHMvMjAyMC8wOC8yMDIwLTA4LTAzX18yMi4zNS4yMi5wbmc","dpr":1,"width":906}],"sizes":[{"media":"(min-width: 1441px)","size":"453px"},{"media":"(min-width: 1281px)","size":"453px"},{"media":"(min-width: 1281px)","size":"453px"},{"media":"(min-width: 961px)","size":"453px"},{"media":"(min-width: 671px)","size":"453px"},{"media":"(min-width: 500px)","size":"453px"}]}}}},{"type":"paragraph","data":{"text":"Просмотры — это базовая метрика. Число, которое отображается рядом с «глазиком» под заголовком статьи (в том числе этой), должно отражать реальную картину по запросам на загрузку страниц. Инструмент на базе Sentry позволит нам оперативно отреагировать, если счетчик просмотров сломается."}},{"type":"separator","data":{"text":"***"}},{"type":"header3","data":{"level":3,"text":"Новая пятничная рубрика"}},{"type":"embed","data":{"link":"https://tproger.ru/articles/16-tricky-interview-questions"}},{"type":"embed","data":{"link":"https://tproger.ru/articles/18-questions-to-the-customer"}},{"type":"header3","data":{"level":3,"text":"Три избранные статьи за июль"}},{"type":"embed","data":{"link":"https://tproger.ru/quiz/it-slang"}},{"type":"embed","data":{"link":"https://tproger.ru/experts/self-education-with-fulltime-job"}},{"type":"embed","data":{"link":"https://tproger.ru/articles/clickable-area"}}]}

Ошибка в настройках сайта