一个网页访问速度的快慢， 不仅看它服务器的配置，这里除去你空间主机配置很烂的情况以外，我们从网站开发方面来探讨，前端技术需要从哪些方面提高访问的速度，需要用到哪些技术手段。
文件的加载
图标的加载:图标尽量使用“sprite雪碧图”或者字体图标，区别就做自适应用字体图标保证缩放的高清度，如果只是Pc端就建议采用雪碧图，通过定位来设置背景图标的显示。
样式的加载：不要使用内联样式，一般除了公用的样式通过外部引用，内部页面的建议在<head>头部通过style的来直接写入。
图片的加载：可以通过预加载或者异步加载的形式，如果是大小比较小的时候，建议采用base64形式写入。
js的加载：js一般都选择在页面尾部加载（建议将.js库文件地址替换成CDN的地址）。如果页面内容不是非重要的，需要seo抓取的，我们可以同ajax的异步模式来获取内容。
按需加载：这个是网站性能优化立竿见影的一项。比如图片：<img src="伪装地址" width="360" height="250" data-src="实际地址">
压缩，精减文件体积
模块公用化：对应页面公用的模块需要采用公共引用，避免重复造轮子，增加不必要的内容。
程序结构：这个需要你有一定的开发经验，如果通过更少，更精炼的代码实现相同的功能。
文件压缩与合并：采用gulp，Grunt，uglify等方式来实现。这里使用方法不做讲解。
GZIP压缩 :可以通过服务器动态脚本进行,也可以更简单的使用apache服务器可以在网站根目录。
其他操作
缓存技术：除了js，css，image浏览器默认都会有缓存外，数据可以先判断缓存是否存在，没有再去服务器请求获取，减少服务器压力的同时，也优化的页面加载。
延迟显示：采用让用户可以更快地看见可见区域的内容，延迟加载或展现可见区域外的内容。
cdn加速：可以让网站内容发布到最接近用户的网络“边缘”，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。
减少http请求量：如果网站收到太多的HTTP请求，它的访客就会有响应时间延迟的体验，这不仅增加了CPU使用率也增加了页面的加载时间。
避免页面堵塞：在脚本执行中，如果过程出现中止，只能完了才会继续原先的加载，就会出现页面堵塞。因此建议避免阻塞型的JavaScript，尤其是外部脚本。
关于Web应用开发流程的总结
假设最简单的情况，一个开发人员，开发所有的代码，一个测试人员。一个测试的服务器，一个生产的服务器。开发人员需要为公司开发一个项目，开发人员首先分析产品经理的需求，建立相应的模型，然后进行如下步骤：
Web应用和Web框架
Web应用程序是一种可以通过Web访问的应用程序，特点是用户很容易访问，只需要有浏览器即可；Web框架（Web framework）是一种开发框架，用来支持动态网站
web开发，关于XSS的介绍和案例分析
XSS攻击的全称Cross Site Scripting（跨站脚本攻击），为了避免和样式表CSS混淆而简写为XSS。XSS恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。
Web服务常用的几种开发方法
Web服务，即通过程序实现网页服务，服务启动后，一般用户可通过访问URL获取到网站提供的网页服务，如网页浏览、留言、商品购买等。开发Web服务的技术有很多，有Java、Python、ASP.NET、脚本语言等
Web前端知识体系精简
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。
web页面的回流和重绘
什么是回流？ 回流也叫重排（reflow），当页面中的元素发生影响布局的变化，比如：改变宽高，修改显示影藏。页面需要重新布局，就会触发重排。 简单的说就是，页面布局改变，就会触发重排。
关于渐进式 Web 应用，你应该知道的一切
渐进式 Web 应用是利用现代浏览器的特性，可以添加到主屏幕上，表现得像原生应用程序一样的 Web 应用程序。
web开发新手应该知晓的20件事
在我当初刚从事 web 开发的时候，有很多重要的事我并没有事先了解。现在看来，我的很多期望都和现实有很大的差距。在这篇文章里，我会告诉你 20 件事情，这些都是在你准备开始或者刚开始 web 开发不久的时候就应该知晓的
Web的26项基本概念和技术
Web开发是比较费神的，需要掌握很多很多的东西，特别是从事前端开发的朋友，需要通十行才行。今天，本文向初学者介绍一些Web开发中的基本概念和用到的技术，从A到Z总共26项，每项对应一个概念或者技术。
开发者吐槽：谷歌引入 Web 新标准的方式过于专横
我和我在微软的同事们认为世界需要更多的 Clippy——也就是这个可爱的动画回形针。为此，我们在 Edge 6.0 中引入了一项新功能。Web 开发者现在可以使用 <clippy> 来调用一个动画虚拟助手了。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!