一个网页访问速度的快慢， 不仅看它服务器的配置，这里除去你空间主机配置很烂的情况以外，我们从网站开发方面来探讨，前端技术需要从哪些方面提高访问的速度，需要用到哪些技术手段。
文件的加载
图标的加载:图标尽量使用“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，尤其是外部脚本。
对W3C标准，对表现与数据分离、Web语义化等有深刻理解
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。所以W3C对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等
Web登录其实没那么简单
一个简单的HTML例子看看用户信息安全:标准的HTML语法中，支持在form表单中使用<input></input>标签来创建一个HTTP提交的属性，现代的WEB登录中，form表单会在提交请求时,会获取form中input标签存在name的属性，作为HTTP请求的body中的参数传递给后台，进行登录校验。
Web集群之全网备份脚本
实现指定目录或文件定时打包到本地的/backup目录以本机IP命名的目录下，并且对打包的文件做md5哈希，然后将哈希的结果写入到当前目录下md5.log文件中，然后将打包的文件推送到backup服务端；还得将7天前的备份文件给删除，每一步的操作都写入到日志中
如何通过自定义域名方式访问本地WEB应用
自定义域名访问本地WEB应用,本地安装了WEB服务端，怎样通过自定义域名方式实现从公网访问本地WEB应用？本文将介绍具体的实现步骤。安装并启动WEB服务端的默认安装的WEB端口是80。可以在万网、百度云、腾讯云、西部数码等等域名服务商注册并购买域名。
web前端开发入门_ web前端需要掌握的知识体系
web前端开发入门的知识体系包括哪些东西呢?大致分为：基本工具使用、比如Git/GitHub，编辑器，调试工具等；静态页面功底；JS与JQuery功底；JS进阶，在无人指导的情况下，看书是一种学习途径。比如《JS高级程序设计》《权威指南》是前端开发者必看书籍。
Atag - Web Components 最佳实践
上一次社区中谈论起 Web Components 已经可以追溯到三四年前了，彼时 Web Components 仍处于不稳定的草案阶段，Polymer 的出世使大家似乎看到了新一代的前端技术，但直到今天，在今年五月 Google I/O 发布 Polymer 3 之后
什么是web前端?前端工程师前景如何
Web为你在浏览器、APP、应用程序等设备上提供直观界面，这些界面展现以及用户交互就是前端。从2016年到2018年，web前端岗位从之前的爆发式增长变为平稳的发展
Web前端设计排版小技巧
web设计排版多种多样，如何更好的排版、设计出更符合美学的设计了？设计该如何更好的做好网页设计的布局排版了，今天给大家分享这几个小技巧，希望大家能有所用。
Web认证_介绍Web开发中几种常用的认证机制
如今web服务随处可见，成千上万的web程序被部署到公网上供用户访问，有些系统只针对指定用户开放，属于安全级别较高的web应用，他们需要有一种认证机制以保护系统资源的安全，本文将探讨五种常用的认证机制及优缺点。
Web UI 自动化测试技术选型
对于 UI 自动化测试来说，许多所谓框架之间并没有太多差别，也从来不是影响整套测试用例是否健壮的关键性因素。相比之下，如何提高测试用例稳定性以及出现错误时 debug 的便捷性才是让 UI 自动化测试方案落地的重要细节。