Сократите время работы белого экрана, пользователи смогут быстрее увидеть мою страницу!
Введение
В предыдущем интервью меня спросили об оптимизации скорости загрузки домашней страницы, и я не смог дать удовлетворительного ответа.
Чтобы исправить это, я обобщил свои идеи и поделился ими на Medium.com.
Сегодня я добавляю еще один метод оптимизации производительности.
Уменьшив объем запрашиваемых ресурсов, мы можем значительно сократить время загрузки домашней страницы, позволяя пользователям быстрее получать доступ к нашему контенту.
Метод
1. Уменьшите объем ресурсов, чтобы сократить время запросов.
2. Минимизируйте количество запросов ресурсов, чтобы сократить время ожидания.
Подготовка
Как определить размер упаковки? При сборке пакетов мы можем использовать команду — report:
vue-cli-service build --report
После сборки в каталоге dist будет создан файл отчета HTML, предоставляющий информацию о распространении пакета.
Эта информация поможет провести целевую оптимизацию. Посмотрите образец отчета (изображение из проекта imdodd)
Из этого отчета мы видим, что размеры двух файлов JavaScript, Cesium.js и mars3d.js, значительно велики. Эти два файла являются предметом наших усилий по оптимизации.
