页面加载后从不同服务器加载图像

Question

在我的一个页面中，我正在加载由Wordpress / mshots生成的图像，这使得页面加载速度非常慢。

在加载页面后，如何加载此行？

<%= image_tag("http://s.wordpress.com/mshots/v1/http%3A%2F%2F#{project.name}%2F?w=500")%>

更新

我将代码修改为cenk ebret建议，但仍然没有区别，视图的加载速度仍然很慢。

所以新的问题是，如何在显示页面后加载图像，因为此时我的页面仅在加载所有内容时显示。

Answer 1

您可以使用脚本加载图片。

例如：

您有一个带有此ID的空图像：

<img src="images/empty.png" id="<%=#{project.name}%>">

和这样的脚本：

<script>
   $(function(){
       $('#<%=#{project.name}%>').attr('src', '<%= image_tag("http://s.wordpress.com/mshots/v1/http%3A%2F%2F#{project.name}%2F?w=500")%>');
   });
</script>

这将在页面加载后起作用。所以，它不会让你的页面变慢。