咨询,就免费赠送域名与服务器,咨询热线:18210983909当前位置: 主页 > 建站知识 > 网站前端开发 > html前端开发知识学习工具 >
内容合作
联系我们
西安SEO网站优化建设公司咨询 建站咨询 西安SEO网站关键词排名优化公司 优化咨询
电话咨询:18210983909
E-mail:15210415824@qq.com
地址: 北京市海淀区尚东数字山谷A区1号楼

前端开发 25种提高网页加载速度的方法和技巧

作者/整理:SEO网站优化 点击量:次 来源:互联网 日期: 2017-05-18

一、使用良好的结构

可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显。XHTML 可能使您的页面更加符合标准,但是它大量使用标记(强制性的 <start> 和 <end> 标记),这意味着浏览器要下载更多代码。所以,事情都有两面性,尝试在您的网页中使用较少的 XHTML 代码,以减小页面大小。如果您确实不得不使用 XHTML,试着尽可能对它进行优化。

二、不要使布局超载

坚持简约原则:少即是多。页面中充斥着各种类型的图像、视频、广告等,这大大违背实用性原则。

三、不要使用图像来表示文本

使用图像表示文本的最常见示例就是在导航栏中。美观的按钮更加具有吸引力,但是它们的加载速度很慢。此外,图像仍然不能由搜索引擎直接索引,因此,使用图像进行导航不利于搜索引擎优化(search engine optimization,SEO)。当无需图像就可以通过大量 CSS 技巧创建漂亮的按钮时,绝不使用图像来表示文本。

四、检查cookie使用情况

设置一个较早的 expire 日期或者根本不设置 expire 日期,会缩短响应时间。要在PHP语言中设置 cookie 的 expire 日期,使用以下代码:

<?php

$expire = 2592000 + time();

// Add 30 day’s to the current time

setcookie(userid, “123rrw3”, $expire);

?>

这段代码设置 cookie userid,并将 expire 日期设置为自当前日期之后 30 天。

关键词:
前端零基础如何学习HTML、CSS、JS、 重新开始的第一天——HTML基础和 Web前端开发学习笔记——3.svg简单应
web前端需要学习什么? 简洁、直观、强悍的前端开发框架 一步一步教你如何开发h5页面
微信h5开发-页面自适应大小 web前端学习者,找不到工作是培训 你不知道的正则表达式,可以让前
觉得javascript学的很好?你来试试这 视频源码:原生javascript面向对象开 附源码视频:Java零基础开发大数据
前端企业求职必备原生javascript打造 web前端淘宝商品图片尺寸切换,B HTML是WEB标准开发的中心基础
CSS和HTML与前端技术层图示 网页前端开发CSS相关团队协作 IE8开发人员工具的菜单讲解
网页前端常见的攻击方式和预防攻 跨浏览器开发经验总结(一) HT 让前端开发者价值百万的10项技能
缩短网页应用开发的十大省时技巧 了解html页面的渲染过程以备学习前 meta标签在移动平台开发中的应用详
Web开发中的基本概念和用到的技术 深度剖析HTML的语意和与其相关的前 dns-prefetch是什么 前端优化:DNS预解析
前端开发每天必学之HTML入门介绍 HTML+CSS项目开发经验总结(推荐) 2012年Web设计和开发的趋势