Google PageSpeed ​​Service - Сжатие изображений с помощью AngularJS

Question

TL; DR ВОПРОС: Совместимы ли угловые и PageSpeed? Я не могу найти какую-либо информацию в этом месте.

---

У меня есть приложение, которое использует AngularJS для загрузки изображений с внешних сайтов. Эти изображения часто довольно большие (~ 500kb, ~ 1200x900px), но подаются в моем приложении с более низким разрешением (~ 800x500 пикселей). Я не контролирую размер изображения или уровень сжатия.

Я зарегистрировался в службе Google PageSpeed ​​и у меня все работает. Однако эти изображения никак не затрагиваются. Мне интересно, если это потому, что я использую AngularJS для их обслуживания (изображения, несмотря на то, что они находятся в Angular, я обслуживаю изображения с src="{{img}}", а не ng-src).

Любые идеи о том, что я могу сделать, чтобы это работало? Это действительно идеальный сервис для меня, правильное сжатие и масштабирование изображений сделало бы загрузку моей страницы с ~ 2 до 100 кб!

Есть ли другие услуги, которые делают подобную вещь? Мне нужно какое-то промежуточное программное обеспечение для сжатия и масштабирования изображений, прежде чем отправлять их моему пользователю.

EDIT: Для ясности мой сервер работает на Heroku, используя NodeJS/ExpressJS/AngularJS/MongoDB. Не знаю, влияет ли это на что-либо.

Answer 1

После нескольких исследований, похоже, что PageSpeed ​​работает аналогично поиску Google, поскольку он индексирует вашу страницу и ищет изображения для сжатия. Увидев, что Angular необходимо загружать скрипты до загрузки страниц, они просто не будут работать вместе.

Существует возможное решение здесь:

http://www.yearofmoo.com/2012/11/angularjs-and-seo.html

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

Пожалуйста, сообщите мне об этом, если это когда-либо изменится!