网站页面的呈现方式

下午经过一场激烈的关于前端页面呈现问题的头脑风暴,:

经过讨论之后初步确定应该是两种方式:

  第一种为,页面模板由后端返回,并由浏览器进行缓存。页面需要的业务数据,则通过服务调用的从后端获取。当数据获取之后,在前端页面通过JS的方式,将数据渲染。

第二种为,浏览器呈现的页面是有后端实现模板和数据的整合,并生成页面的HTML字符串,并把该字符串从后端返回给浏览器。页面的JS文件则主要完成前端的交互。

其实这两种方案,现有的技术都有使用,但是他们还是有一定的区别,此时我能想到的区别有:

1)第一种方案,可以有效的利用浏览器缓存实现网络传输流量的节省。比如通过另外的站点或CDN实现网站前端页面模板的传输,并且一次传输,可多次使用。现有的前端MVC框架主要是这种趋势。这种方案可有效的降低服务器对服务脚本的编译与执行,以及服务脚本转化为HTML的字符串拼接过程。能够有效的提高服务器的响应效率。但是这种策略有一个问题:需要前端的JS去做业务数据在页面展示的逻辑判断,增加前端JS的复杂度。但是随着Web应用的发展,这种方式也逐渐的成为趋势。这种策略的用户体验也在一定程度上依赖用户机器的性能。

2)第二种方案,可以在服务端对数据与呈现的页面做一个有效的合并,并依据业务数据做出页面展现的逻辑。这种策略可以有效的利用服务器的高性能,快速的完成页面HTML代码的生成。这种方案把页面呈现的逻辑留在了后端,使得处于浏览器中的页面的JS交互逻辑变的更加简单。现有的基于JSP,ASP,PHP等的网站开发方式,都是基于这种策略。这种策略可以有效地降低由于用户机器的性能差异带来的体验差异。但是这种策略,把页面的呈现逻辑留在了服务器端,加重了服务器端资源的消耗。随着用户机器性能的提升,以及前端JS应用框架的大量涌现,我感觉有可能被第一种方案替换。

这是我对这两种策略的一个分析对比,由于是最近开始接触前端,可能理解的会有偏差。

网站页面的呈现方式,布布扣,bubuko.com

时间: 2024-10-17 13:04:18

网站页面的呈现方式的相关文章

前端页面性能优化方式

避免内嵌/嵌入代码∞ ? 您有三种基本方法可以在您的页面上包含CSS或JavaScript: 1)内联: CSS内部定义一个style属性和JavaScript内部的一个onclick属性,例如在任何HTML标签中; 2)嵌入式: CSS在<style>标签内部定义,JavaScript内部<script>标记; 3)外部: CSS中从加载<link>和从JavaScript的src所述的属性<script>标记. 前两个选项尽管减少了HTTP请求的数量,实

雅虎网站页面性能优化的34条黄金守则(转)

雅虎团队经验:网站页面性能优化的34条黄金守则1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中

雅虎网站页面性能优化的34条黄金守则

雅虎团队经验:网站页面性能优化的34条黄金守则 1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件

网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位.使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值.下面主要从网站代码.标签.正文等几个方面来讲述网站的页面优化. 网站重构 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离.简单来说,就是将所

网站页面优化小技巧

雅虎团队经验:网站页面性能优化的34条黄金守则1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中

网站页面性能优化的34条黄金守则

雅虎团队经验:网站页面性能优化的34条黄金守则1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 合并文件是通过把所有的脚本放到一个文件中

提升网站页面打开速度的12个建议

我们知道用户都喜欢浏览速度快的网站,不喜欢花费太多的时间等待网页的打开,等待的时间过长,会让用户失去耐心,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了. 其次,从SEO的角度来说,关键字的排名与网页的打开速度也有关系,Google的Web搜索团队曾在官方博客上宣布,将把网站的速度作为PR(PageRank)算法的一个因子,在所有因素都相等的情况下,速度快的网站将排在速度慢的网站前面.同时指出很多网站都没有利用最佳的页面优化技术,页面加载速度都存在很大缺陷.那么,我们该如何补救并提高网站

雅虎网站页面性能优化的34条黄金守则(转载)

老是有人问我 关于优化问题我就每次和他们说雅虎性能优化(有些人不会百度 汗..于是我转载过来啊 不是自己写的 不会因为版权被人家打吧!) 雅虎团队经验:网站页面性能优化的34条黄金守则 1.尽量减少HTTP请求次数      终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数.这是提高网页速度的关键步骤.      减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰

SEO之网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位.使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值.下面主要从网站代码.标签.正文等几个方面来讲述网站的页面优化. 网站重构 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离.简单来说,就是将所