Google PageSpeed Service - 使用AngularJS壓縮圖像

TL; DR問題： Angular和PageSpeed是否兼容？我無法在此找到任何信息。Google PageSpeed Service - 使用AngularJS壓縮圖像

我有一個應用程序使用AngularJS從外部網站加載圖像。這些圖像通常非常大（〜500kb，〜1200x900px），但在我的應用程序中以較低的分辨率（〜800x500px）提供。我無法控制圖像大小或壓縮程度。

我已經註冊Google PageSpeed服務並且已經啓動並運行了一切。但是，這些圖像沒有以任何方式觸及。我想知道是否這是因爲我使用AngularJS來爲他們提供服務（圖片儘管在Angular中，但我服務的圖像是src="{{img}}"而不是ng-src）。

關於我能做些什麼來實現這個功能的任何想法？它對我來說真的是一個理想的服務，正確的壓縮和縮放圖像會使我的頁面加載從〜2mb到〜100kb！

有沒有其他的服務可以做類似的事情？我需要某種中間件來壓縮和縮放圖像，然後才能將其提供給我的用戶。

編輯：爲了清楚起見，我的服務器使用NodeJS/ExpressJS/AngularJS/MongoDB在Heroku上運行。不知道這是否會影響任何事情。

經過一番研究之後，似乎PageSpeed的工作方式類似於Google搜索，因爲它爲您的頁面編制索引並查找要壓縮的圖像。看到Angular需要在加載頁面之前加載腳本，這兩者不能一起工作。

這裏有發現了一個可能的解決方案：

對於我來說，這將沒有真正的工作，因爲我有動態的搜索頁面，我不能真的PhantomJS預渲染。但對其他人來說，這可能是有用的。

如果這種情況發生變化，請在此提醒我！

來源

2013-07-26 05:37:57 Jascination

谷歌pagespeed洞察現在呈現與JavaScript等頁面。 – Itrulia

回答