我正在开发一个在C#/ ASP.NET上开发的Web应用程序.我们使用第三方控件在页面中显示网格,标签,树和其他复杂控件.问题是这些控件会渲染大量的HTML.由于这个原因,页面的大小已经大量增加,浏览器需要一段时间来加载页面.我想找到一些通用的技术来快速在浏览器(Internet Explorer,Firefox等)中进行HTML渲染.
请注意,所有页面都关闭了ViewState.
有一个Firefox扩展,YSlow(http://developer.yahoo.com/yslow/)可以分析任何网页并列出要进行的具体更改,以提高速度.它建议的一些更改与Web服务器有关,而不是HTML的内容,但无论如何它都非常有用.
YSlow网页的屏幕截图:
gzip HTML - 不会提高渲染速度,但会大幅减少页面大小.
确保您没有使用基于表格的布局,并确保使用的任何javascript或css在头部缩小,gzip和链接,以便可以缓存它.
打开普通页面,在URL中输入,然后按Enter键:
javascript:var tags = document.getElementsByTagName('*');alert('Page weight: ' + tags.length + ' tags.');
(你甚至可以将它保存为Bookmarklet)
如果你有超过500个标签,你可能想看看尽可能清理一些"标签汤".
Digg的主页重约1,000个标签!因此渲染非常慢(第一次)
MSN的主页重约700多个标签......因此渲染速度很慢
雅虎的主页重约600个标签...因此呈现更快
谷歌的主页重约92个标签!...因此像闪电一样呈现!