网站优化

前端优化SEO

xiaoqi 发布于 2017-06-08

网站结构布局的优化: 严格控制网站首页链接的数量。链接类别包括站内链接、底部链接和锚点链接等,数量最好不要超过100个。 扁平化目录层次。目录结构最多不要超过三层,使用纵向导航。【例如】:树-果树-桃树、梨树、苹果树 导航优化。导航有主次之分,必要可使用面包屑导航。 网站代码优化...

js 性能优化 之DOM优化

xiaoqi 发布于 2017-05-08

DOM优化 1. 最小化现场跟新 每个单独的DOOM操作可以看作一个现场更新,现场跟新非常的消耗性能,需要用最少的现场跟新来优化程序性能。 var list = document.getElementById("myList"), item, i; for (i=0; i <...

网页提高加载速度的方法

xiaoqi 发布于 2017-05-03

提高加载速度最本质就是减少页面请求数量,减少请求大小。实现方式主要有 1.图片懒加载,这个推荐使用成熟的库lazysizes,固定宽高值的图片实现比较简单, 固定宽高比的话有几种实现方案: 第一种方案使用padding-top或者padding-bottom来实现固定宽高比。优点...

css优化 网页优化

xiaoqi 发布于 2017-05-02

优化主要分为: 1、图片优化 2、css代码优化 3、减少HTTP请求 4、HTML标签语义化 图片优化: 1、图片压缩 ①存储为web所用格式 ②使用压缩工具进行压缩(ps\) 2、选择正确的图片格式 3、加上高度和宽度 4、ALT-代替属性 CSS代码优化: 一、CSS代码优...

理解大型分布式网站你必须知道这些概念

xiaoqi 发布于 2017-04-30

1. I/O优化 增加缓存,减少磁盘的访问次数。 优化磁盘的管理系统,设计最优的磁盘方式策略,以及磁盘的寻址策略,这是在底层操作系统层面考虑的。 设计合理的磁盘存储数据块,以及访问这些数据库的策略,这是在应用层面考虑的。例如,我们可以给存放的数据设计索引,通过寻址索引来加快和减少...

前端性能优化,js cdn库

xiaoqi 发布于 2017-04-26

百度 http://cdn.code.baidu.com/ angular http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js bootstrap3.3.4 http://apps.bdimg.com/libs/b...

Web前端性能优化

xiaoqi 发布于 2017-04-09

1. 请减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入”www.xxxxxx.com”并按下回车,浏览器再与...

总结了一些web前端常用的cdn

xiaoqi 发布于 2017-04-09

Vue(2.0):<script src=”https://unpkg.com/vue/dist/vue.js”></script> Vue-router:<script src=”https://unpkg.co...

glup合并压缩js及css

xiaoqi 发布于 2017-03-30

step1: $ npm install gulp -g step2: $ npm install gulp-notify gulp-minify-css gulp-concat gulp-uglify gulp-rename del –save-dev —...

搜索引擎solr和elasticsearch

xiaoqi 发布于 2017-03-28

刚开始接触搜索引擎,网上收集了一些资料,在这里整理了一下分享给大家。 一、关于搜索引擎 搜索引擎(Search Engine)是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息,在对信息进行组织和处理后,为用户提供检索服务,将用户检索相关的信息展示给用户的系统。搜索引擎包...