{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"mjur"},{"data":{"image":{"id":"68ff5f184f58bf206c5a7f00"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правильно подключать сторонние скрипты","type":"atomic:image","key":"60vgq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6u0gd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда начинаешь работать с внешними скриптами, кажется, что ничего сложного: вставил тег ","type":"unstyled","key":"7ru0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2o3v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так ты не заблокируешь отрисовку страницы.","type":"unstyled","key":"9aspu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3m18"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"2. Выноси тяжёлые скрипты в конец страницы","type":"unstyled","key":"9og4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помещай ","type":"unstyled","key":"a1sdf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"58qnt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сайт “встанет на ноги” быстрее, даже если скрипт грузится дольше.","type":"unstyled","key":"ccg3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"aeeub"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"3. Используй CDN и кеширование","type":"unstyled","key":"7v5dl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если можешь — подключай библиотеки через CDN (Content Delivery Network). Это как использовать общий зал вместо домашнего: меньше нагрузки, быстрее результат.","type":"unstyled","key":"b31bj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7gr5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Плюс браузер пользователя, скорее всего, уже кешировал этот файл на других сайтах.","type":"unstyled","key":"966tg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"akp0o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"4. Минимизируй количество внешних подключений","type":"unstyled","key":"dto42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если можно объединить несколько скриптов — сделай это. Один большой файл лучше пяти маленьких: меньше запросов = выше скорость.","type":"unstyled","key":"a94l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3nd5e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"5. Проверяй всё через Lighthouse или GTmetrix","type":"unstyled","key":"b1gas"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После установки нового скрипта проверь сайт. Посмотри, не вырос ли “вес” страницы и не упал ли показатель LCP (Largest Contentful Paint).","type":"unstyled","key":"9l6qe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это как проверить прогресс после тренировки: без метрик — вслепую.","type":"unstyled","key":"7flsq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5pkm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":1,"style":"BOLD"}],"text":"\uD83D\uDE80 Мой личный лайфхак","type":"unstyled","key":"71if"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я часто использую “ленивую” загрузку скриптов — подгружаю их только когда они реально нужны. Например, чат поддержки — только после 10 секунд пребывания пользователя на странице.","type":"unstyled","key":"37nka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"setTimeout(() => {","type":"unstyled","key":"4j8ks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" const script = document.createElement('script');","type":"unstyled","key":"6hvl6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" script.src = 'chat.js';","type":"unstyled","key":"dvhoc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" document.body.appendChild(script);","type":"unstyled","key":"2n0v5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}, 10000);","type":"unstyled","key":"bl2r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так страница загружается мгновенно, а функционал не страдает.","type":"unstyled","key":"db552"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4igdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":1,"style":"BOLD"}],"text":"\uD83E\uDDE9 Что категорически нельзя","type":"unstyled","key":"bjgco"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вставлять скрипты в без defer или async","type":"unordered-list-item","key":"179p0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключать всё подряд “на всякий случай”","type":"unordered-list-item","key":"4m7th"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Грузить тяжёлые сторонние библиотеки ради пары функций","type":"unordered-list-item","key":"dtf5t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помни: каждый лишний килобайт — как балласт на турнике.","type":"unstyled","key":"635er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"akl1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":1,"style":"BOLD"}],"text":"\uD83C\uDFC1 Финал","type":"unstyled","key":"9h2bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Грамотное подключение скриптов — это не магия, а дисциплина. Сделаешь один раз правильно — и сайт будет летать без “растяжений”.","type":"unstyled","key":"96t82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Главное — не ленись тестировать и не вставляй всё подряд.","type":"unstyled","key":"fdpld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подпишись на канал, если хочешь, чтобы твой сайт рос так же стабильно, как мышцы при правильной нагрузке. \uD83D\uDCAA","type":"unstyled","key":"91p8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCAA Прокачиваем не только мышцы, но и цифровые проекты.","type":"unstyled","key":"b7sev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7tssa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"CVUBm3XW2mSxjT2VzDjO"}],"entityMap":{}},"mentions":[]}