Оптимизация производительности для изображений изображений

Question

Я пишу веб-приложение, на котором есть страница, которая возвращает список результатов объектов, каждая из которых имеет фотографию профиля.

Я не уверен, насколько большой я ожидаю, что эта страница будет получена, но я хочу объяснить, что она попадает на более высокий уровень. Прямо сейчас, я возвращаю только 5-10 объектов со связанной фотографией, и я вижу снижение производительности.

Я знаю, что в Интернете есть много ресурсов, связанных с оптимизацией изображений, и я провел некоторое исследование, но я все еще теряю то, что я должен сделать, чтобы оптимизировать эту страницу.

Я знаю, что использование css-sprites - это вариант, но эти фотографии добавляются членами, поэтому я не уверен. Если бы я мог идти в ногу с обновлением CSS Sprite.

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

Я довольно новичок в концепции необходимости оптимизации изображений на своей странице, поэтому, если есть более продвинутая техника, которая, по мнению некоторых, может быть более способна начинающим разработчикам, то для меня это может быть неправильным.

Любой совет поможет. Если я попробую один и не смогу найти ответ, я всегда могу попробовать другое.

Я понимаю, что это то, что может пойти на сестринский веб-сайт StackOverFlow относительно веб-дизайна, но я хотел бы получить его и на стороне сервера, потому что могут быть некоторые исправления, которые мне нужно сделать, когда я загружаю файл , поэтому, пожалуйста, никаких комментариев о том, как это не подходит для StackOverflow, спасибо!

Answer 1

Хороший способ оптимизации изображений использует cache, а также thumbnail их!

если вы не знаете о кэшировании:

• это хороший учебник, чтобы начать для веб-дизайнеров/devlopers: Cache Tutorial for web authors `

• это хороший учебник по созданию изображений в эскизы с использованием PHP и Gd (который поставляется по умолчанию с PHP) просто проверить Create thumbnails using PHP and GD закончит `

Answer 2

Удалите их на стороне сервера в соответствии с необходимыми размерами, а затем преобразуйте их в jpeg. Кроме того, если возможно, просто используйте одну фотографию по умолчанию для всех пользователей, затем загрузите отдельные фотографии профиля через AJAX после загрузки страницы.