Александр Таратин

https://developers.google.com/speed/pagespeed/
но картинки жмет неайс (сжатие только за счет уменьшения размера).
Рекомендую для png
pngquant + PNGZopfli

@if not exist %CD%\raw mkdir %CD%\raw
@COPY %CD%\%1 /B %CD%\raw\%1 /B >> nul
@pngquant --force --skip-if-large --speed 1 256 --output %1 %CD%\raw\%1
@PNGZopfli %1 10 %1

для jpeg
jpegclub.org/jpegtran

@if not exist %CD%\raw mkdir %CD%\raw
@COPY %CD%\%1 /B %CD%\raw\%1 /B >> nul
@jpegtran -copy none -optimize -progressive %CD%\raw\%1 %1

Нарисовать в svg
jsfiddle.net/QW01_01/sLxhuqjw/1

Когда открываю файлы сайта через встроенный редактор хостинга - все символы сбиты, везде иероглифы

Не открывайте файлы через редактор хостинга.
Используйте везде utf8 без BOM - вот прямо совсем везде. Если где то краказябры - значит utf8 пока еще не везде.
В каждой странице сайта должен быть
<meta charset="utf-8">
в head

sphinxsearch.com
https://www.elastic.co/
Два наиболее популярных решения. Материал по обоим гуглится в приличном количестве.

https://developer.mozilla.org/ru/docs/Web/API/noti...
https://github.com/ttsvetko/HTML5-Desktop-Notifications
https://github.com/alexgibson/notify.js/

darsa.in/sly/examples/vertical.html
Просмотр полного изображения по клику на картинку легко дописывается самостоятельно.

Возможно
https://creative.adobe.com/ru/products/animate