Как уменьшить время загрузки приложений
В этой статье мы рассмотрим 6 советов, которые помогут вам в повышении скорости загрузки операционной системы Windows .
Скорость запуска операционной системы — не менее важный атрибут производительности ПК, чем его работоспособность в активном режиме. Если она в пределах разумного и не превышает отметку в 1 минуту — ваш компьютер в порядке; в противном случае нужно определиться с причинами, вызывающими ухудшение работы.
Что снижает скорость загрузки Windows
Первым кандидатом на роль виновника в снижении скорости запуска Windows является список авто загрузок . На этапе загрузки операционной системы, компьютер вынужден включать не только основные службы и приложения, но и программы, установленные пользователем. В этот список, например, попадают такие приложения как CCleaner, Microsoft OneDrive, Skype, Viber, Twitch, Razer Synapse и другой сторонний софт.
Другой, но не менее значимой причиной, является поврежденный жесткий диск. Если на нем присутствуют битые сектора или устройству уже много лет, снижения производительности не избежать. В случае проявления дополнительных симптомов в виде зависания операционной системы, исчезновения файлов и сбоя в формате логического диска (он приобретает статус RAW), рекомендуем не затягивать с заменой устройства.
Как восстановить быстрый старт Windows 10
Проверка длительности последнего запуска BIOS
Перед тем как мы начнем обсуждать способы ускорения запуска винды, нужно узнать точную цифру — время, которое потребовалось BIOS, чтобы запустить операционную систему. Сделать это предельно просто:
1. Запустите Диспетчер задач .
2. Перейдите в раздел Автозагрузка . Здесь, в правом верхнем углу под списком разделов, вы найдете параметр Длительность последнего запуска BIOS .
Обратите внимание, что для разных носителей операционной системы скорость запуска может быть разной. Поэтому, отталкивайтесь от типа (SSD или HDD) и ощущения производительности в прошлом. Если Windows начала запускаться на 30 секунд дольше, это уже серьезный знак и игнорировать его не стоит.
Отключение функции быстрого запуска
На первый взгляд, логичнее было бы начать с корректировки списка автозагрузок. Тем не менее, он не всегда является первопричиной снижения производительности. Дополнительным фактором — да, но не причиной.
Обратите внимание на функцию быстрого запуска Windows. Microsoft еще не успели ее в достаточной мере оптимизировать и это вызвало волну недовольства со стороны пользователей. Функция в значительной мере снижала производительность BIOS на старте компьютера и вынуждала их ждать порой по 2 минуты.
Чтобы исключить вероятность влияния “быстрого запуска” на скорость запуска вашего компьютера, давайте отключим его.
1. Откройте Панель управления .
2. Перейдите в раздел Электропитание . Для этого откройте режим просмотра Мелкие значки или Крупные значки — в зависимости от того, что создает вам больший комфорт для поиска.
3. Далее откройте подраздел Действия кнопок питания . Он расположен в правом списке функций по настройке электропитания.
4. Щелкните по клавише Изменение параметров, которые сейчас недоступны .
5. В параметрах завершения работы должна быть функция быстрого запуска. К сожалению, на моем ноутбуке она отсутствует. Если вы нашли эту функцию на своем компьютере, снимите с нее галочку и нажмите клавишу Сохранить изменения .
Отключение автоматического обслуживания Windows 10
Несмотря на то, что этот способ редко применяется в вопросе восстановления скорости запуска Windows, он по прежнему остается эффективным. Причина его низкой популярности кроется в том, что на функцию автоматического обслуживания Windows 10 сыпалось довольно мало камней от пользователей, в отличие от других служб. Тем не менее, для юзеров, столкнувшихся с падением скорости запуска ОС, важно обратить на нее внимание. Ведь одним из недостатков автоматического обслуживания Windows 10 является возникновение порой страшных лагов на ПК.
Эта глава особенно актуальна для владельцев ноутбуков с двумя графическими картами .
1. Откройте утилиту Выполнить с помощью комбинации клавиш Windows + R .
2. Введите команду regedit и нажмите клавишу Enter .
3. Пройдите по следующему пути:
Компьютер\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Schedule\Maintenance
Чтобы вам было еще удобнее, скопируйте текст пути и вставьте его в диалоговое окно приложения.
4. В правом окне параметров должна быть функция под названием MaintenanceDisabled . Если она отсутствует, ее потребуется создать. Щелкните правой кнопкой мыши по пустому пространству и создайте новый Параметр DWORD (32 бита) .
5. Присвойте параметру имя MaintenanceDisabled .
6. Щелкните по параметру правой кнопкой мыши и нажмите Изменить .
7. Задайте значение 1 и нажмите клавишу ОК .
Чтобы внесенное изменение вступило в силу, перезапустите компьютер. Дополнительно у вас появится возможность проверить помог ли способ решить проблему низкой скорости загрузки Windows.
Если отключение автоматического обслуживания ОС не решило проблему, давайте рассмотрим следующий способ.
Контроль автозагрузки приложений и служб
Отключение автозапуска ненужных программ.
Частой причиной снижения скорости запуска Windows являются приложения, загружаемые параллельно с операционной системой. Чем больше процессов находится в единовременной обработке, тем дольше они будут загружаться.
Решить данную проблему не составит труда даже начинающему пользователю ПК.
1. Запустите Диспетчер задач .
2. Перейдите в раздел Автозагрузка .
3. Найдите приложение, параметры автозапуска которого нужно изменить, и щелкните по клавише Отключить .
Отключение служб Windows.
Теперь задача посложнее — нам потребуется отключить некоторые службы. Предупреждаем, не стоит пытаться сразу “вырубить” абсолютно все. Действуя таким методом можно только усугубить ситуацию. Определите службы, которые не влияют на работу операционной системы, и отключите их.
Обратите внимание: В процессе разборе следующей инструкции мы покажем вам простой способ идентификации системной и несистемной службы.
1. Откройте утилиту Выполнить с помощью комбинации клавиш Windows + R .
2. Введите команду msconfig и нажмите клавишу Enter .
3. Перейдите в раздел Службы .
4. Отсортируйте список служб по фильтру Изготовитель . Все службы с названиями изготовителей, не включающих в себя Microsoft Corporation, Intel, NVIDIA, AMD и других разработчиков аппаратного/программного обеспечения, можно смело отключать. Кроме того, для большей безопасности, вы можете установить параметр Не отображать службы Microsoft
5. Далее дело за малым. Отключите ненужные службы путем снятия галочек. Чтобы сохранить внесенные изменения, нажмите клавишу Применить .
Постарайтесь не отключить случайно службы Microsoft. Вполне вероятно ничего катастрофического не произойдет. Возможно. В любом случае, примите меры и не совершите данную ошибку 🙂
Отключение сервисов Windows 10
Когда заходит разговор о повышении производительности операционной системы, частой рекомендацией становится отключение ее сервисов. Это действительно помогает! Но только в случае, когда отключенный сервис не являлся ключевым для стабильной работы Windows. Поэтому, если вы решили повысить скорость запуска операционной системы с помощью отключения лишних служб, советуем действовать осторожно.
Топ служб, которые можно и, иногда, нужно отключить:
- Фоновая интеллектуальная служба передачи (BITS, Background Intelligent Transfer Service).
- Служба политики диагностики (ранее Функциональные возможности для подключенных пользователей и телеметрия, англ. Connected User Experiences and Telemetry).
- Windows Search .
Как отключить службы Windows:
1. Откройте утилиту Выполнить с помощью комбинации клавиш Windows + R .
2. Введите команду services.msc и нажмите клавишу Enter .
3. В открывшемся окне найдите представленные выше службы и Остановите их.
Довольно часто многие ресурсы рекомендуют отключать функцию Superfetch . Они объясняют это тем, что отсутствие их активности положительно скажется на производительности Windows. Однако, в некоторых ситуациях это может не только не принести желаемый результат, но и окажется контрпродуктивно. Если на вашем компьютере или ноутбуке оперативной памяти больше, чем 2 Гб, отключать Superfetch нет никакого смысла.
Служба Superfetch является одной из самых полезных в Windows. Ведь она позволяет предварительно загрузить часто используемые программы, что делает их готовыми к работе в любой момент. Кроме того, служба помогает использует оперативную память в незначительных объемах и весьма эффективно. Не позвольте себе быть обманутыми — не отключайте Superfetch при первых признаках снижения производительности ПК.
Обновление графического драйвера
Некоторые компьютеры и ноутбуки работают с двумя встроенными графическими картами. Например, устройство от Intel может спокойно сосуществовать со своим “коллегой” из NVIDIA. Переключение между такими чипами в большинстве случае происходит гладко, но иногда пользователи сталкиваются с возникновением черных экранов. Особенно часто с этим сталкиваются оверклокеры, которые разгоняют монитор через одну из видеокарт. Вполне естественно, что при переключении на игровую карту может произойти баг с черных экраном в момент загрузки изображения.
Возникновение черного экрана может происходить как при запуске игры, так и при запуске операционной системы.
Пользователям NVIDIA.
Пользователям AMD Radeon.
В каждой видеокарте от AMD существует функция под названием ULPS . Ее задача — создание условий энергосберегающего режима, коим она и является. Иногда, при активации ULPS происходят ошибки, вызывающие возникновение черного экрана при запуске операционной системы.
1. Откройте утилиту Выполнить с помощью комбинации клавиш Windows + R .
2. Введите команду regedit и нажмите клавишу Enter .
3. Учитывая сложность реестрового древа, вручную найти нужный ключ будет тяжело. Поэтому упростим процесс. Воспользуйтесь комбинацией клавиш Ctrl + F и введите в диалоговом окне название ключа EnableULPS . Далее нажмите Enter .
4. Измените значение параметра с 1 на 0 . Примените внесенные изменения и закройте редактор реестра.
Установка последних обновлений Windows
Если вы пользуетесь устаревшей Windows 10, вполне вероятно что в ней присутствует гораздо больше багов, чем в новых версиях. И если конкретная ошибка встречается в условной версии 1.1, то в 1.2 ее может не быть. Попробуйте обновить операционную систему. Существует большая вероятность того, что ошибка исчезнет.
1. Откройте Параметры Windows с помощью комбинации клавиш Windows + I .
2. Перейдите в раздел Обновление и безопасность .
3. Перед вами появится окно с названием Центр обновления Windows . Нажмите клавишу Проверка наличия обновлений .
4. Если утилита сообщит вам о наличии неустановленных обновлений, установите их. Это может занять от 10 до 20 минут, в зависимости от количества апдейтов.
Надоело, что Windows 7,8,10 медленно загружается? ДА, чем больше времени установлена операционная система, тем больше начинает мучить эта тема. Компьютеры становятся всё мощнее и производительнее, но вместе с этим растут и запросы программ, которые разрабатываются под новое оборудование. Так, например, Windows XP загружается на порядок быстрее, чем Windows 7/10 на одинаковом оборудовании.
Так что теперь, отказаться от новых возможностей ради быстрой загрузки операционной системы? Нет, к счастью есть хитрые и не очень приёмы, которые помогут нам в решении данной проблемы. В этой статье вы узнаете как программно сократить время загрузки Windows до 20 секунд и менее.
Шаг первый, службы и процессы
В ОС Windows частенько запускаются лишние службы, которые тормозят загрузку и работу системы. Также предусмотрена поддержка разнообразного оборудования, поэтому службы, обеспечивающие его правильную работу, запускаются вместе с системой. Конечно, если система посчитала, что в службе нет необходимости (поскольку, соответствующего устройства в компьютере попросту нет), то она отключается. Но на запуск, проверку и остановку службы всё равно тратится время.
Но нужно понимать какие службы можно выключить, а какие необходимо оставить рабочими. По большинству служб легко найти информацию в интернете, поэтому останавливаться подробно на этом не буду. Скажу только: не надо торопиться и отключать всё подряд, это может печально отразиться на работе операционной системы.
Пользуясь той же логикой, отключаем программы, загружаемые при старте системы, на следующей вкладке «Автозагрузка». Более подробно как отключить автозапуск программ в Windows 7-10 рассказано в отдельной статье. Для применения новых параметров запуска необходимо будет перезагрузить компьютер.
Шаг второй, реестр
Существует в Windows слабое место – реестр. Так уж издревле повелось, что большинство жизненно важных параметров Windows хранятся в иерархической базе данных. От того, с какой скоростью ОС находит нужные записи в реестре, напрямую зависит как скорость загрузки, так и работа ОС Windows в целом.
Не редко деинсталляторы программ работают неэффективно, оставляя в реестре записи о своём присутствии и работе (параметры, регистрируемые библиотеки, привязка к определённым расширениям файлов и т.д.). Такие записи можно считать мусором, захламляющим БД. И от этого мусора необходимо избавляться, для чего стоит использовать такие утилиты как, например, Reg Organizer, CCleaner, Ashampoo WinOptimizer и другие.
Во время такой очистки, да и просто во время работы Windows, реестр постоянно подвергается фрагментации. Значит необходимо будет выполнить ДЕфрагментацию реестра. Это можно сделать с помощью программы Defraggler, того же разработчика. Однако, сделаю важное замечание, что в некоторых случаях «чистка» реестра может затронуть и важные параметры. Поэтому обязательно предварительно создавайте точки восстановления системы, и в случае проблем в работе Windows вы сразу сможете восстановиться до предыдущего состояния.
Шаг третий, главный
Теперь можно приниматься за глубокую оптимизацию процесса загрузки системы и программ. Во время выполнения приложений может происходить множество побочных действий, таких как долгая загрузка дополнительных библиотек и подпрограмм, предсказание условных переходов, кеш промахи и всё в таком роде. Анализ таких данных называется профилированием.
Поскольку рассматриваемая ОС создана компанией Microsoft, то воспользуемся профилировщиком, созданным в той же компании – Windows Performance Toolkit. С недавних пор этот инструмент стал входить в состав Windows SDK. На сайте компании Microsoft можно скачать web-установщик.
Все входящие компоненты ставить необязательно, можно обойтись лишь Windows Performance Toolkit
Данный инструмент позволяет провести трассировку загрузки операционной системы с самого начала. Нам нужен исполняемый файл «xbootmgr.exe», который находится в той папке, куда вы соизволили установить Windows Perfomance Toolkit, по умолчанию он располагается в директории «C:\Program Files\Microsoft Windows Performance Toolkit\».
Посмотрите видео или продолжите чтение статьи:
Путь к файлу добавлять не обязательно, если и так запускается:
Ради интереса, если хотите посмотреть, как ваша система ведёт себя при запуске в данный момент, то выполните команду:
xbootmgr -trace boot
Если интересно, изучите информацию, здесь есть всё в мельчайших подробностях о процессе загрузки: сколько секунд ушло на запуск каждого процесса, как использовались ресурсы компьютера и др.
xbootmgr -trace boot –prepsystem
Что же делает Xbootmgr? Он не отключает не нужные службы и процессы, как могло показаться. Xbootmgr оптимизирует загрузку таким образом, чтобы в каждый момент времени ресурсы компьютера использовались максимально. Т.е., чтобы не было такого, когда процессор загружен на 100%, а жёсткий диск отдыхает, или наоборот. Также происходит дефрагментация системных файлов. После последней перезагрузки ничего делать не надо, Windows будет загружаться, и даже работать, быстрее.
Шаг четвёртый, опасный
Этот шаг стоит применять, только если вы уверены, что сможете восстановить прежние параметры Windows 7, если чё. Актуально только на первых (старых) многоядерных компьютерах.В семёрке, как впрочем и в XP (хотя об этом догадываются не все), есть поддержка многоядерных процессоров. Непонятно только почему система не всегда сама в состоянии задействовать все имеющиеся ресурсы при своём запуске, а начинает их использовать только, когда уже полностью загрузилась и пользователь приступил к работе.
Значит надо помочь ей задействовать имеющиеся ресурсы в параметрах запуска системы. Для этого нужно покопаться в конфигурации. Сочетанием клавиш «Win + «R» открываем окно «Выполнить» и пишем команду msconfig , жмём «Ок». В появившемся окне конфигурирования системы выбираем вкладку «Загрузка»
Выбираем «Дополнительные параметры»
В появившемся окне выставляем на максимум параметры «Число процессоров» и «Максимум памяти». Теперь внимание! Закрываем и снова открываем программу, смотрим что значение «Максимум памяти» не сбросилось в «0». Если так, то снимаем отсюда галочку, иначе система может не запуститься вообще. Перезагружаемся, готово.
Замечание: Если вы решите добавить оперативной памяти или заменить процессор на другой (с большим количеством ядер), то вышеуказанные параметры необходимо будет изменить. В противном случае, система просто не будет использовать дополнительную память и/или дополнительные ядра процессора.Заключение
Описанные выше шаги позволили сократить время загрузки ОС Windows 7 Ultimate на нетбуке (процессор Intel Atom N570, 2ГБ DDR3 и HDD со скоростью вращения 5400rpm) с 62 до 28 секунд. Скорость загрузки можно увеличивать не только программно, но и аппаратно. Так, например, замена винчестера на твёрдотельный SSD накопитель уменьшит время загрузки ОС примерно вдвое. Теперь можете перейти на новый уровень и ещё лучше оптимизировать Windows.
Шаги по уменьшению времени начальной загрузки приложения React с помощью разделения кода.
Мы создаем крупномасштабные приложения с помощью React. При создании таких приложений основной проблемой, с которой мы сталкиваемся, является производительность приложения. Когда приложение становится все больше и больше, производительность может ухудшиться. В частности, время начальной загрузки приложения будет ухудшаться. Начальная загрузка приложения должна быть быстрой, не показывая пользователю пустой экран в течение нескольких секунд. Поскольку загрузка занимает больше времени, это создает плохое впечатление у пользователя.
На скриншоте ниже мы видим компонент приборной панели, который имеет несколько вкладок. Каждая вкладка имеет несколько компонентов.
Компонент Dashboard содержит несколько подкомпонентов, таких как Sales, Profit, Chart, Tiles и Trends, как показано ниже.
Мы разделили код на маршруты. Поэтому, когда приложение собирается, мы получаем отдельный файл сборки для каждого маршрута, как показано ниже.
Я разместил приложение в Netlify для проверки производительности. Если мы протестируем приложение локально, мы не сможем найти разницу. Когда я тестировал размещенное приложение с помощью GTmetrix, загрузка экрана приборной панели заняла 2,9 секунды, посмотрите на картинку ниже для покадровой загрузки.
Здесь я импортировал каждый компонент вкладки с ленивой загрузкой и обернул компонент суспензией. Здесь я добавил несколько suspense для лучшего понимания, но вы можете использовать один suspense для всех компонентов.
Я не делал никаких изменений в разделении кода на уровне маршрута. Когда мы собираем приложение, добавляются некоторые дополнительные файлы, поскольку мы лениво загрузили каждую вкладку в компоненте приборной панели. Разделение файлов сборки показано на рисунке ниже.
Теперь давайте снова протестируем приложение с помощью GTmetrix с вышеуказанными изменениями. Посмотрите производительность приложения на следующем изображении
Как вы можете видеть, теперь наш компонент приборной панели загружается за 1 секунду. Поскольку код вкладки Sales загружается только сейчас. Внеся некоторые изменения, мы сократили время загрузки почти на 2 секунды. Сравнение разделения кода на основе route-based и route, component-based, основанного на компоненте, показано на следующих изображениях.
Как видите, это значительное улучшение начальной загрузки приложения. Теперь мы сократили время начальной загрузки приложения React на 70% с помощью нескольких настроек, эффективно используя разделение кода в компоненте приборной панели.
Заключение
Оптимизированное структурирование компонентов и эффективное использование API React позволит повысить производительность больших приложений.
Загрузите только то, что вам нужно
Большая проблема с именованным импортом в ES6 заключается в том, что вы импортируете всю библиотеку, а затем разрушаете доступ к нужному модулю. Для небольших библиотек это нормально, вы не заметите никаких изменений, но для больших зависимостей, таких как lodash или ramda, я призываю вас просто импортировать то, что вам нужно.
Для lodash, вы также можете использовать этот babel плагин и этот webpack плагин
Минифицируй свой код
Вы можете использовать любое средство для этого, но я предпочитаю uglify. Он может уменьшить ваши размеры файла на много. Например, 6 Мб модуль может быть уменьшен до 2 МБ легко. Вот пример конфигурации плагина Uglify в webpack 2, это ведь конфигурация, которую я использую:
Модули Babel свободные
Это необязательно, и это не всегда рекомендуется, но с использованием предварительной настройки babel es2015 с установленным свободным режимом в true, может уменьшить ваш пакет в несколько килобайт.Свободный режим будет генерировать более простой код es5, но это означает, что он, возможно, не будет строго следовать за es6 спецификацией. Если вы переключитесь с babel на родной es6, тогда у вас могут возникнуть проблемы. Чтобы использовать свободный режим в предустановке es2015, вы можете сделать это из конфигурации webpack:
Уничтожение дерева и удаление мертвого кода
Если вы можете использовать инструмент для удаления мертвого или неиспользуемого кода, используйте его. В большинстве случаев вы не заметите большой разница (по крайней мере, вы импортируете все библиотеки и не используете их, как в первом совете), но все имеет значение для окончательного размера пакета. В webpack 2 мы можем активировать дрожание дерева, отключив преобразование модуля в предустановке es2015 и позволяя webpack позаботиться об этом. В режиме производства веб-пакет будет искать неиспользуемые импорты и удалять их.
Разделение кода
Вы должны подумать о том, чтобы расщепить ваш файл в модули, если ваш файл больше, чем 250 кб. Делать так, вы можете использовать динамический импорт. Динамический импорт - это «функция как» импорт. Promise возвращается при загрузке модуля. Если вы используете webpack, он распознает этот синтаксис и отделит модуль в другом блоке.
Что можно загрузить частями?
Хорошими кандидатами для разделения на модули являются статические json-файлы, такие как переводы, стили и assets обычно. Кроме того, вы можете разделить свои route на модули, если ваш сайт слишком большой. Пример динамического импорта (взятый из документов webpack):
Доставьте ваши файлы, сжатые с помощью Gzip
Это очень важно и уменьшит размер вашего файла до 20% -25% от первоначального размера. Браузеры поддерживают сжатие gzip, поэтому вам не нужно беспокоиться о совместимости. Вы можете использовать 2 подхода для доставки сжатых файлов. Первый - сжать «в полете», статический,assets. Второй - предварительно сжать файлы. Мы посмотрим, как это сделать на webpack и выразить, но вы может выполнить то же самое с nginx, apache и т. д.
Предварительное сжатие с помощью webpack
Я рекомендую этот подход, но его можно настроить немного сложнее. 1- Создать сжатый файл с плагином сжатия webpack
2- Строя сжатый файл, вы можете использовать промежуточное программное обеспечение, подобное этому:
Сжатие на лету
Этот подход проще, но также серверу потребуется большая мощность процессора для сжатия файлов.
Кэш ваших статических файлов
Я рекомендую вам использовать кеш браузера, чтобы не заставлять загружать один и тот же файл несколько раз. Рекомендуемое время истечения для статических файлов - 2 недели. Вы должны выбрать хотя бы сильное и недельное кэширование header.
Сильно кешируемые заголовки
Заголовки недельного кэша
Доступны опции Last-Modified и Etag. Last-modified более удобен, тогда как Etag является обычным хэшем. Вот пример, чтобы настроить это на Express, сильный (maxAge) и слабый (Last-Modified) заголовок кеширования:
max-age and last-modified headers with Static express middleware
Версии ваших файлов
Кэш длительный, но что произойдет, если я хочу, чтобы мои пользователи всегда получали последнюю версию моего приложения? Тогда ты можешь запустить версию вашего файла и запросите его с параметром версии, поэтому каждый раз, когда URL изменяется, браузер запросит новую версию, которая не кэшируется. Например, если ваше приложение находится в версии 2.0, URL-адрес должен выглядеть примерно так:
Избегайте загрузки внешних ресурсов
Загрузка внешних ресурсов приведет к ошибкам на инструментах проверки скорости страницы. Старайтесь всегда иметь все локальный или CDN. Избегайте таких вещей, как загрузка шрифтов из Google шрифтов api. Иногда это вызывает блокировку.
Асинхронная нагрузка
Асинхронная загрузка вашего файла приложений хороша, если вы хотите сократить время загрузки, поскольку браузеры ждут ваши скрипты, которые нужно загрузить перед рендерингом html, но с асинхронизмом html будет интерпретироваться, пока ваш скрипт загружается. Если вы поместите все свое приложение в один файл, тогда нет никакой опасности загрузить ваши сценарии, подобные этому, в HTML:
Сначала проверьте свое приложение, иногда бывают странности при загрузке сценариев асинхронно.
Render файлов на сервере
Поисковые системы достаточно умны, чтобы распознавать контент, загруженный с помощью javascript, но они будут распознавать только если он загружается достаточно быстро. Проблема в том, что контент обычно загружается медленно, потому что вам нужно ждатьнекоторые вызовы ajax или что-то еще, поэтому, когда вы используете инструменты поиска Google, чтобы увидеть, как Google видит ваш сайт, вы просто просмотрите пустую страницу. К счастью, React работает и на сервере, поэтому вы можете сделать рендеринг на стороне сервера. Я не собираюсь делать полный учебник об этом в этой статье, но вы можете исследовать это самостоятельно. Некоторые советы, прежде чем вы начнете делать это, должны избегать использования фейсбука, поскольку сложнее сделать серверный рендеринг с ним, сокращение - лучший выбор. Кроме того, вы должны проверить некоторые фреймворки, такие как next.js, что делать его проще реализовать. Другие варианты приложений, в которых вы не можете реализовать это, - это использовать какой-то инструмент, например PreRender.
Другие детали, которые вы можете улучшить
Время практиковать: инструменты тестирования онлайн для ранжирования скорости вашего сайта
После того, как я внес все изменения на свой сайт (suitup-ui), я получил очень хорошие результаты. Только server render и перенаправления все еще отсутствуют, но он уже в пути, а затем я получаю 98% в Google pageSpeed. Текущие результаты:
Google PageSpeed Insights результаты для ПК
Заключение
Есть много вещей, которые вы можете сделать, чтобы сократить время загрузки и увеличить производительность для большого javascript приложения. Низкое время загрузки требует больших усилий, но стоит преимуществ.
Читайте также: