Оптимизация сайта

Question

я могу ускорить загрузку изображений - особенно когда я открываю веб-сайт в первый раз, загрузка изображений занимает некоторое время ... Что я могу сделать, чтобы улучшить это (html, css)?

ссылка

Спасибо всем за ваши ответы.

Answer 1

Урожай размером http://www.ursic -ei.si / datoteke / d4.jpg ! Его ширина составляет 900 пикселей, и большая часть (половина?) Пустая и белая. Уменьшите изображение, а затем используйте background-position и backgroud-color, чтобы компенсировать все, что вы обрезали по краям.

У вас есть много новых строк в вашем источнике HTML. Не очень важно, но теоретически - поскольку в HTML нет практической разницы между одной новой строкой и двумя - вы можете захотеть удалить некоторые.

Answer 2

Для изображений вы должны рассмотреть сеть доставки контента (CDN), которая будет кэшировать ваши изображения и другие файлы и обрабатывать их быстрее, чем ваш веб-сервер.

Это необходимо для любого сайта с большим трафиком.

Answer 3

Поскольку в вашем вопросе вы спрашиваете только об изображениях, я думаю, вы уже знаете, что стоимость обработки php и / или javascript незначительна. Если вы хотите ускорить изображения, вы можете уменьшить их размер, увеличить степень сжатия ... и попробуйте разные форматы. JPG не всегда лучший.

Попробуйте GIF и / или PNG, также с их помощью вы можете уменьшить количество цветов. Обычно эти форматы намного лучше, чем JPG, когда у вас есть простые картинки с несколькими цветами.

Также подумайте, являются ли некоторые из ваших изображений простым рисунком, который можно воспроизвести / повторить несколько раз. Например, если у вас есть фоновое изображение с боковым баннером, вам просто нужна одна строка и повторите ее несколько раз.

Answer 4

На клиенте вы можете скачать несколько частей; например в Firefox есть набор настроек под network.http.pipelining, которые помогают ускорить загрузку.

На сервере мало что можно сделать (хотя вы можете распаковать текстовые файлы). Клиент должен просто знать, как кэшировать.