1

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上运行。不知道这是否会影响任何事情。

回答

0

经过一番研究之后,似乎PageSpeed的工作方式类似于Google搜索,因为它为您的页面编制索引并查找要压缩的图像。看到Angular需要在加载页面之前加载脚本,这两者不能一起工作。

这里有发现了一个可能的解决方案:

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

对于我来说,这将没有真正的工作,因为我有动态的搜索页面,我不能真的PhantomJS预渲染。但对其他人来说,这可能是有用的。

如果这种情况发生变化,请在此提醒我!

+1

谷歌pagespeed洞察现在呈现与JavaScript等页面。 – Itrulia