От себя напишу мини-инструкцию.
1) js в конец документа
2) картинки - делай только такого розмера как тебе надо, или меньшого (например 500*500 оригинальное изобр, а у тебя оно показано в окошке 150*150 → изменяй розмер его быстро! )
3) после изминеня розмера подумай, что его можно ужать через
https://tinypng.com/4) Есть изображения которые можно перевести из png → jpg - переводи (webp - ефективен если изображения большое)
5) Самые большие шрифты подключай сразу в html через код → <link rel="preload" href="/public/views/subscriber/fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
6) Все что есть в css - минифицируй.
7) Даже бутстрап можно уменьшить у 2 раза, если воспользоваться сервисом
https://uncss-online.com/. (Важно, все стили бутстрапа, которых нет в html коде будут утеряны, также акуратно если через js потом будешь добавлятть стиль от бутстрапа)
8) Улыбнись, ты красавчик)