Намалете теглото на вашите изображения - изпълнение; Joomla скорост на зареждане

Публикувано от Тиери Тардиф.

намалете

Ако вашият сайт на Joomla съдържа много изображения, много е важно те да бъдат оптимизирани възможно най-много. Като цяло проблемът често възниква от неопитни потребители на Joomla, които качват изображения, които са твърде големи за Joomla и коригират своите размери с текстовия редактор. Тази техника само намалява размерите на всяко видяно изображение, но теглото на всяко от тези големи изображения е добре заредено в браузъра на интернет потребителите.

Следователно трябва да образовате вашите редактори на съдържание, така че на първо място те да не зареждат в Joomla този тип твърде големи/тежки изображения.

Трябва също да помислите как се зареждат вашите изображения в смартфони и таблети.

Правилният формат на изображението

Уверете се, че сте избрали правилния формат за вашите изображения, като цяло изборът ви ще бъде ограничен до тези 3 формата:

  • GIF: Малък по тегло, относително ниско качество, за да се използва за малки изображения, икони или изображения с основни еднородни цветове.
  • JPG/JPEG: Високо тегло, без прозрачност, но решението за показване на изображения от фотографски тип. С този формат имате избор между използването на прогресивен или "основен" формат ("стандартен", който може да бъде дефиниран в Запази за мрежа от фотошоп)). Прогресивният формат показва леко размазано изображение, което подобрява рязкостта при зареждане, докато "основният" формат показва първо горната част на изображението, след това постепенно показва останалата част от изображението. Прогресивният формат е този, препоръчан от webpagetest.org и Google PageSpeed. Това обаче изисква повече ресурси на процесора, което може да не е идеално за зареждане на изображения в мобилни телефони, така че няма идеални отговори за този избор. Лично аз винаги следвам препоръките на Google, затова избирам прогресивния формат.
  • PNG: Изберете този формат за малки изображения, лога и др. и какво изисква прозрачност.

Когато запазите "изображение за мрежата", намаляването на качеството му от 100% на 60% значително ще намали теглото му, докато все пак ще изглежда перфектно, това важи особено за малки изображения.

Използвайте JCE, за да премахнете EXIF ​​данни от вашите изображения

Текстовият редактор на JCE има много интересна функция от своята версия 2.5.10, той може да ви позволи да спестите много кБ. Всъщност той премахва данните Exif от изображенията, когато те се зареждат в Joomla. Погледнете разликата в теглото между 2 изображения, едно при нормално изтегляне от JCE, а другото с активиран параметър JCE:

Можете да видите 30% загуба на тегло и качеството на снимките изобщо не се влияе. Тази опция трябва да се активира в JCE, за да си уговорите среща в Компоненти> Администрация на JCE> Профили на редактора> По подразбиране (ако използвате този профил)> Параметри на редактора> Файлова система и изберете да активирате настройката Премахнете изображението EXIF ​​данни:

Компресия без загуби на вашите изображения, без да губите онлайн качество

Въпреки че звучи малко странно или технически, това е ГОЛЯМО намаление на теглото на вашите изображения и много лесно за използване. Дори ако сте преоразмерили правилно вашите изображения, те могат да съдържат ненужни данни (байтове) и метаданни, които могат да бъдат премахнати за крайна оптимизация (като току-що споменатите данни EXIF). Може да е датата, на която е направена снимката, модела на камерата и т.н. което за уебсайт не е необходимо да се съхранява. Премахнете тези даннине влияе на качеството на картината, тази стъпка се нарича „Lossless compression“ на английски. Повечето от тези данни не могат не да бъдат изтрити с помощта на командата "Запазване за уеб" на Photoshop.

Има редица инструменти, които могат да направят тази оптимизация вместо вас. Всичко, което трябва да направите, е да качите вашите изображения от мрежата (едно по едно или няколко наведнъж) в един от тези инструменти, след което можете да качите своето оптимизирано изображение. Това обикновено е много впечатляващо, особено за PNG изображения, които могат да спечелят над 70%. Останалите формати имат по-малко впечатляващи резултати, но често в диапазона от 10 до 40%. Smushit на Yahoo е най-известният от тези инструменти, но е прекъснат офлайн в началото на 2015 г. За щастие има и други инструменти, които са подобни или с подобрена функционалност.

Най-добрият вариант вероятно е да използвате ImageRecycle. Неговият оптимизатор е безплатен и можете да го използвате в мрежата. Той може да свие повечето формати на изображения и дори PDF файлове. Можете да качвате файловете си един по един или няколко наведнъж.

Уникалното при ImageRecycle е, че той разполага с приставка Joomla, която можете лесно да инсталирате и която ще може да оптимизира вашите изображения (и по желание да ги преоразмерява) без никакви допълнителни действия от ваша страна. На тази страница можете да намерите преглед на тази приставка: http://joomlaseo.com/seo-extensions/imagerecycle