Як пераўтварыць у WebP усе выявы на MODx

CDN OptiPic — простае рашэнне праблемы "Падаваць выявы ў фарматах наступнага пакалення"
Паводле рэкамендацый
Google PageSpeed Insights
Лёгкае падлучэнне
за 5 хвілін
Відэа інструкцыя
за 2 хвіліны
Бясплатная тэхнічная падтрымка
+ дапамога па ўстаноўцы
Smart WebP канверсія на лета
Што робіць OptiPic CDN, калі спрабуе запытаць у яго выяву:
  • Вяртае версію выявы WebP.
    калі браўзер падтрымлівае фармат WebP
  • Вяртае сціснутую версію без webp
    калі браўзер не падтрымлівае WebP
  • Рэагуе на мабільныя экраны
    калі выява адкрываецца з мабільнага
  • Кэш і паскарае загрузку
    зніжэнне нагрузкі ад вашага хостынгу
  • Абараняе вашыя выявы
    захаванне аўтарскіх правоў з дапамогай тэгаў EXIF і IPTC
  • Выкарыстоўвайце сваё ўласнае
    даменнае імя
    каб загрузіць выявы з img.domain.com і г.д
  • Lazy load
    малюнкі
    Выявы загружаюцца пры пракрутцы старонак
Пераўтварэнне ў Webp і сціск малюнкаў адбываецца ў фонавым рэжыме і не запавольвае адкрыццё малюнкаў у браўзеры.
Калі на момант запыту выявы аптымізаваная версія яшчэ не гатовая, зыходная версія вяртаецца без апрацоўкі.

Відэа інструкцыя па наладзе модуля MODx

5 простых крокаў, каб падключыць WebP да MODx

Крок #1: Спампаваць плагін MODx WebP

Спампуйце і ўсталюйце на свой сайт афіцыйны убудова CDN OptiPic для MODx.

Крок #2: Падпішыцеся на OptiPic CDN

Зарэгіструйцеся ва ўліковым запісе OptiPic CDN і дадайце новы сайт у панэль кіравання CDN.

5 простых крокаў, каб падключыць WebP да MODx: pic #3

Крок #3: Скапіруйце ідэнтыфікатар сайта

Скапіруйце ідэнтыфікатар створанага вэб-сайта ў буфер абмену (Ctrl + C)

5 простых крокаў, каб падключыць WebP да MODx: pic #4

Крок #4: Устаўце ідэнтыфікатар сайта ў плагін MODx WebP

Перайдзіце на старонку налад раней усталяванага плагіна на вашым сайце.

Устаўце скапіяваны ID сайта ў адпаведнае поле налад.

Крок #5: Захавайце налады

Захаваць налады плагіна. Ачысціце кэш на панэлі кіравання MODx.

Пры неабходнасці зменіце іншыя налады плагіна

Апісанне налад модуля


Site ID in your personal account CDN OptiPic (Ідэнтыфікатар сайта ў вашым асабістым кабінеце CDN OptiPic)
Вы можаце даведацца ідэнтыфікатар вашага сайта ў асабістым акаўнце CDN OptiPic. Дадайце свой сайт у свой уліковы запіс, калі вы яшчэ гэтага не зрабілі.
Каб адключыць аўтаматычную вернасць, проста выдаліце ідэнтыфікатар сайта.
Domain list (if images are loaded via absolute URL) (Спіс даменаў (калі выявы загружаюцца праз абсалютны URL))
Кожны на новым радку і без указання пратаколу (http/https).
Прыклады:
mydomain.com
www.mydomain.com
Site pages that do not include auto-replace (Старонкі сайта, якія не ўключаюць аўтазамену)
Кожны на новым радку і павінен пачынацца з касой рысы (/)
Replace only URLs of images starting with a mask (Замяніце толькі URL-адрасы малюнкаў, якія пачынаюцца з маскі)
Кожны на новым радку і павінен пачынацца з касой рысы (/)
Прыклады:
/загрузіць/
/upload/test.jpeg
List of 'srcset' attributes (Спіс атрыбутаў 'srcset')
Спіс атрыбутаў тэгаў, у якіх трэба замяніць srcset-разметку малюнкаў
Што такое srcset?
Прыклады:
srcset
набор дадзеных
CDN domain (CDN дамен)
Дамен, праз які CDN OptiPic будзе працаваць. Вы можаце выкарыстоўваць свой субдамен (img.yourdomain.com, optipic.yourdomain.com і г.д.) замест стандартнага cdn.optipic.io. Каб падключыць субдамен, звярніцеся ў службу тэхнічнай падтрымкі OptiPic.
Што атрымлівае аптымізацыя малюнкаў на сайце
  • Паскарэнне
    сайта
  • Паляпшэнне
    SEO
  • Павышэнне
    канверсіі
  • Павышэнне Google
    Pagespeed Insights

Чаму варта выкарыстоўваць WebP для MODx?

Выкарыстанне Webp вырашае праблему "Падаваць выявы ў фарматах наступнага пакалення" у Google Pagespeed Insights.

Карацей кажучы, WebP сціскае файл лепш, пры іншых роўных умовах, чым старыя фарматы (png і jpeg), што азначае, што ён займае менш месца на хостынгу і хутчэй загружаецца ў браўзеры пры праглядзе старонкі.

Укараненне WebP актыўна прасоўвае Google - яны даюць такую статыстыку:

  • WebP сціскае выявы без страт на 26% лепш, чым PNG.
  • WebP сціскае выявы са стратамі лепш, чым JPEG, на 25-34% з такім жа індэксам структурнага падабенства (SSIM)
  • WebP падтрымлівае празрыстасць без страт (вядомую як альфа) з павелічэннем памеру ўсяго на 22%.

Калі браўзер наведвальніка не падтрымлівае WebP, CDN верне стары фармат (png / jpeg), але сціснуты (аптымізаваны для Інтэрнэту)

Што такое сціск малюнкаў

Аптымізацыя выявы - гэта спецыяльная апрацоўка графічнага файла з мэтай мінімізацыі яго памеру без страты візуальнай якасці.

Для выканання гэтай працэдуры існуе вялікая колькасць даволі складаных алгарытмаў. Аднак усе яны заснаваныя на адной і той жа аснове - усе сэрвісныя дадзеныя там (напрыклад, назва праграмы, якая захоўвае файл і г.д.) неабходна выдаліць з графічнага файла, а таксама з дапамогай спецыяльных праграм аб'яднаць / гладкія падобныя колеры.

У выніку мы атрымліваем той жа малюнак, які візуальна не змяніўся. Аднак аб'ём (вага) гэтага файла ў байтах будзе значна меншы за зыходны. Калі гэтая апрацоўка праведзена правільна, файл выявы можна паменшыць да 98% без страты якасці выявы.

Гэта азначае, што пасля аптымізацыі карцінкі на старонках сайта будуць загружацца ў разы хутчэй.

Што будзе аптымізаваць выявы для вашага сайта

  • Эканомце месца на дыску.
  • Паскорыць загрузку старонкі.
  • Мінімальная загрузка сервера.
  • Павялічыць канверсіі.
  • Лепшы рэйтынг сайта для вынікаў пошуку.

Даказана, што паскарэнне вэб-сайта можа палепшыць паводніцкія фактары, а таксама павялічыць канверсію вэб-сайта (павялічыць продажы). Чым даўжэй будзе загружацца старонка сайта, тым меншая колькасць кліентаў зможа здзейсніць там пэўныя мэтавыя дзеянні. Калі ваш сайт у інтэрнэце будзе працаваць недастаткова хутка, у вас ёсць усе шанцы ўпусціць свой патэнцыйны даход. Паскарэнне інтэрнэт-рэсурсу дасць магчымасць палепшыць канверсію і за кошт гэтага значна павялічыць даход і прыцягнуць больш кліентаў.

Перавагі OptiPic

  • Штомесячных плацяжоў няма.
  • Поўная аўтаматызацыя.
  • Бясплатная дапамога з падключэннем.
  • Для падключэння і выкарыстання сэрвісу не трэба мець спецыяльных навыкаў у праграмаванні або адміністраванні.
  • У сістэме няма абмежаванняў на памер выявы.
  • Дружная тэхнічная падтрымка.

Як аптымізацыя малюнкаў для MODx можа паскорыць працу сайта?

Старонка любога сайта часцей за ўсё складаецца з:

  • малюнкі;
  • html-код (тэкставы змест, макет, разметка);
  • відэа;
  • скрыпты javascript з логікай, якая запускаецца з браўзера;
  • файлы css са стылямі старонак.

Такі элемент, як малюнак, займае большую частку ўсяго аб'ёму на старонках сайта і з'яўляецца самай «цяжкай» часткай старонак. Памяншэнне (аптымізацыя) малюнкаў, несумненна, істотна паскорыць загрузку любога інтэрнэт-рэсурсу.

 

Адпаведна, калі змяніць (паменшыць) памер малюнкаў, усе старонкі сайта пачнуць загружацца значна хутчэй.

Сцісканне малюнкаў на сайце дасць магчымасць паменшыць іх аб'ём да 75-98%, не страціўшы іх візуальнай якасці.

Пачніце зараз з БЯСПЛАТНЫМ пакетам

Аднаразовы плацёж — няма штомесячнай платы

Набыты пакет не выгарае ў канцы месяца - яго выгадна набываць на некалькі месяцаў наперад
Вы плаціце за прагляды малюнкаў CDN. Агульны кошт выкарыстання залежыць ад колькасці трафіку на ваш сайт. У сярэднім гэта ад 1,5 долара за 1 000 000 праглядаў выявы.
Першая дэманстрацыя 10,000 праглядаў бясплатная.
10,000
праглядаў

бясплатна

1,000,000
праглядаў

$ 10.00 $ 7.00

2,000,000
праглядаў

$ 14.00 $ 10.00

5,000,000
праглядаў

$ 24.00 $ 18.00

10,000,000
праглядаў

$ 40.00 $ 30.00

20,000,000
праглядаў

$ 74.00 $ 55.00

50,000,000
праглядаў

$ 165.00 $ 123.00

80,000,000
праглядаў

$ 235.00 $ 176.00

100,000,000
праглядаў

$ 282.00 $ 211.00

Чаму выбраць нас?

189 рэцэнзіі

OptiPic лёгка інтэгруецца з іншымі платформамі

?