杩欎釜鏉ヨ嚜涔嬪墠鍋氱殑鍩硅锛屽垹鍑忎簡涓€浜涗笟鍔＄浉鍏崇殑锛屽弬鑰冧簡寰堝璧勬枡锛堝弬鑰冭祫鏂欏垪琛級锛岃阿璋㈠墠杈堜滑锛屼箞涔堝搾 馃槝浠讳綍浜旇姳鍏棬鐨勬妧鏈紝鏈€缁堣繕鏄鍦ㄥ疄璺典腑钀藉湴銆傜幇浠ｇ殑杞欢寮€鍙戯紝澶ч儴鍒嗚姹傜殑涓嶆槸楂橀毦搴﹂珮绮惧皷锛岃€屾槸鏁堢巼鍜岃川閲忋€傝繖閲屼富瑕佹潵璇磋鐜颁唬鍓嶇鎶€鏈湪椤圭洰涓殑瀹炶返銆傚紑鍙戣鑼冨紑鍙戣鑼冩槸寮€鍙戝伐绋嬪笀涔嬮棿浜ゆ祦鐨勫彟涓€绉嶈瑷€锛屽畠鍦ㄤ竴瀹氱▼搴︿笂鍐冲畾浜嗕唬鐮佹槸鍚﹀叿鏈変竴鑷存€у拰鏄撶淮鎶ゆ€э紝缁熶竴鐨勫紑鍙戣鑼冨父甯稿彲浠ラ檷浣庝唬鐮佺殑鍑洪敊姒傜巼鍜屽洟闃熷紑鍙戠殑鍗忎綔鎴愭湰銆傚氨鎷垮懡鍚嶈鑼冩潵璇达紝濡傛灉娌℃湁瑙勮寖锛屼綘浼氱粡甯哥湅鍒拌繖鏍风殑浠ｇ爜锛歷ar a1,a2,temp1,temp2,woshimt;寮€鍙戣鑼冨埗瀹氱殑閲嶈鎬т笉瑷€鑰屽柣锛屼娇鐢ㄦ€庢牱鐨勮鑼冨張鎴愪负浜嗗彟涓€涓棶棰橈紝鍥犱负缂栫▼瑙勮寖骞朵笉鍞竴銆傞€氫織鍦拌锛岃鑼冪殑宸埆寰堝鏃跺€欏彧鏄唬鐮佸啓娉曠殑鍖哄埆锛屼笉鍚岀殑瑙勮寖閮芥湁鍚勮嚜鐨勭壒鐐癸紝澶ч儴鍒嗘病鏈変紭鍔ｄ箣鍒嗐€備竴鑸湪閫夋嫨鏃舵病蹇呰绾犵粨浜庝娇鐢ㄥ摢涓€绉嶈鑼冿紝 鍙鍥㈤槦鎴愬憳閮借鍙苟杈炬垚涓€鑷村氨琛屻€傚疄闄呬笂锛屾垜浠钩鏃舵墍璇寸殑寮€鍙戣鑼冩洿澶氭椂鍊欐寚鐨勬槸鐙箟涓婄殑缂栫爜瑙勮寖锛屽箍涔変笂鐨勫紑鍙戣鑼冨寘鎷疄闄呴」鐩紑鍙戜腑鍙兘娑夊強鐨勬墍鏈夎鑼冿紝濡傞」鐩妧鏈€夊瀷瑙勮寖銆佺粍浠惰鑼冦€佹帴鍙ｈ鑼冦€佹ā鍧楀寲瑙勮寖绛夈€傜敱浜庢瘡涓洟闃熶娇鐢ㄧ殑椤圭洰鎶€鏈疄鐜颁笉涓€鏍凤紝瑙勮寖涔熷彲鑳藉崈宸竾鍒紝浣嗘棤璁烘槸鍝竴绉嶈鑼冿紝 鍦ㄤ竴涓洟闃熶腑灏藉彲鑳戒繚鎸佺粺涓€銆傝繖閲屾槸涓€涓鑼冪殑渚嬪瓙锛歨ttps://guide.aotu.io/docs/index.html濡傛灉浣跨敤妗嗘灦锛屽悇涓鏋朵細鏈夎嚜宸辩殑鏈€浣冲疄璺碉紝涓€鑸潵璇村弬鑰冨畼鏂圭殑鏈€浣冲疄璺碉紝缁撳悎鑷繁鍥㈤槦鐨勪範鎯嵆鍙€傛瘮濡俈ue锛歨ttps://cn.vuejs.org/v2/style-guide/鑷姩鍖栨瀯寤哄湪鐜颁唬杞欢寮€鍙戜腑锛岃嚜鍔ㄥ寲鏋勫缓宸茬粡鎴愪负涓€涓笉鍙己灏戠殑閮ㄥ垎銆傚浜庣紪璇戝瀷璇█鏉ヨ锛屼竴鑸兘浼氶€氳繃鍛戒护琛屾垨鑰匢DE鍏堣繘琛岀紪璇戯紝鐒跺悗鍦ㄤ笉鍚屽钩鍙颁笂瀹夎杩愯銆傝€屽墠绔唬鐮佷笉闇€瑕佽蒋浠剁紪璇戯紝Javascript绠楁槸瑙ｉ噴鍨嬭瑷€锛屾祻瑙堝櫒鍙樿В鏋愯竟鎵ц锛屾墍浠ュ墠绔殑鑷姩鍖栨瀯寤哄拰浼犵粺璇█鐣ユ湁涓嶅悓銆傚墠绔嚜鍔ㄥ寲鏋勫缓鐩殑鍓嶇鏋勫缓宸ュ叿鐨勪綔鐢ㄤ富瑕佹槸瀵归」鐩簮鏂囦欢鎴栬祫婧愯繘琛屾枃浠剁骇澶勭悊锛屽皢鏂囦欢鎴栬祫婧愬鐞嗘垚闇€瑕佺殑鏈€浣宠緭鍑虹粨鏋勫拰褰㈠紡銆傚湪澶勭悊杩囩▼涓紝鎴戜滑鍙互瀵规枃浠惰繘琛屾ā鍧楀寲寮曞叆銆佷緷璧栧垎鏋愩€佽祫婧愬悎骞躲€佸帇缂╀紭鍖栥€佹枃浠跺祵鍏ャ€佽矾寰勬浛鎹€佺敓鎴愯祫婧愬寘绛夊绉嶆搷浣滐紝杩欐牱灏辫兘瀹屾垚寰堝鍘熸湰闇€瑕佹墜鍔ㄥ畬鎴愮殑浜嬫儏锛屾瀬澶у湴鎻愰珮寮€鍙戞晥鐜囥€傚墠绔嚜鍔ㄥ寲鏋勫缓宸ュ叿鍦ㄦ病鏈夎嚜鍔ㄥ寲鏋勫缓宸ュ叿涔嬪墠锛屽墠绔湪涓婄嚎鍓嶇殑澶勭悊涓€鑸槸杩欐牱鐨勶細HTML浠ｇ爜璇硶妫€鏌TML鍘绘帀娉ㄩ噴CSS浠ｇ爜鍘绘帀娉ㄩ噴锛屾坊鍔犵増鏉冧俊鎭疌SS浠ｇ爜璇硶妫€鏌SS鏂囦欢娣诲姞鍏煎鎬у睘鎬SS鏂囦欢鍘嬬缉鍚堝苟JS鏂囦欢璇硶妫€鏌S鏂囦欢鍘绘帀娉ㄩ噴锛屾坊鍔犵増鏉冧俊鎭疛S鏂囦欢鍘嬬缉鍥剧墖鍘嬬缉銆佸悎骞跺悇涓枃浠跺悕绉版坊鍔犲敮涓€hash淇敼HTML鏂囦欢寮曠敤璺緞鍖哄垎绾夸笂鍜屽紑鍙戠幆澧冩暣涓繃绋嬫瘡涓楠や細鐢ㄥ埌鐩稿簲鐨勫伐鍏凤紝姣斿锛欳SSLint銆丣SLint銆乁glyfy銆丠TMLMin銆丆ssMinify銆乮magemin绛夛紝绻佺悙涓旀氮璐规椂闂淬€傝€屼笖杩樻湁涓€浜涢檮鍔犵殑鏋勫缓瑕佹眰锛屾瘮濡備唬鐮佷竴鏃︿慨鏀瑰氨瑕佽嚜鍔ㄦ牎楠岋紝鑷姩娴嬭瘯锛屽埛鏂版祻瑙堝櫒绛夛紝杩欑鍦ㄥ嚑骞村墠鍩烘湰涓婃棤娉曞疄鐜般€傛笎娓愬湴锛屽嚭鐜颁簡涓€浜涜嚜鍔ㄥ寲鏋勫缓鐨勫伐鍏枫€侴runtGrunt 鏄瘮杈冩棭鏈熺殑宸ュ叿锛屽畠閫氳繃瀹夎鎻掍欢鍜岄厤缃换鍔★紝鏉ユ墽琛岃嚜鍔ㄥ寲鏋勫缓銆傛瘮濡傦細module.exports = function(grunt) { grunt.initConfig({ jshint: { files: ['Gruntfile.js', 'src/**/*.js', 'test/**/*.js'], options: { globals: { jQuery: true } } }, watch: { files: ['<%= jshint.files %>'], tasks: ['jshint'] } }); grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', ['jshint']);};杩欓噷灏辨槸鐩戞帶js鏂囦欢鐨勫彉鍖栵紝涓€鏃︽敼鐗堬紝灏辨墽琛宩shint锛屼篃灏辨槸璇硶鏍￠獙銆侴runt鏈夊緢寮虹殑鐢熸€侊紝浣嗘槸瀹冭繍鐢ㄩ厤缃殑鎬濇兂鏉ュ啓鎵撳寘鑴氭湰锛屼竴鍒囩殕閰嶇疆锛屾墍浠ヤ細鍑虹幇姣旇緝澶氱殑閰嶇疆椤癸紝璇稿option,src,dest绛夌瓑銆傝€屼笖涓嶅悓鐨勬彃浠跺彲鑳戒細鏈夎嚜宸辨墿灞曞瓧娈碉紝瀵艰嚧璁ょ煡鎴愭湰鐨勬彁楂橈紝杩愮敤鐨勬椂鍊欒鎼炴噦鍚勭鎻掍欢鐨勯厤缃鍒欍€侴runt鐨勯€熷害涔熸瘮杈冩參锛屼粬鏄竴涓换鍔′竴涓换鍔′緷娆℃墽琛岋紝浼氭湁寰堝IO鎿嶄綔銆傜幇鍦ㄥ熀鏈笂鐢ㄧ殑浜烘瘮杈冨皯浜嗐€侴ulpGulp 鐢ㄤ唬鐮佹柟寮忔潵鍐欐墦鍖呰剼鏈紝骞朵笖浠ｇ爜閲囩敤娴佸紡鐨勫啓娉曪紝鍙娊璞″嚭浜唃ulp.src, gulp.pipe, gulp.dest, gulp.watch 鎺ュ彛锛岃繍鐢ㄧ浉褰撶畝鍗曪紝浣跨敤 Gulp 鐨勪唬鐮侀噺鑳芥瘮 Grunt 灏戜竴鍗婂乏鍙炽€倂ar gulp = require('gulp');var pug = require('gulp-pug');var less = require('gulp-less');var minifyCSS = require('gulp-csso');var concat = require('gulp-concat');var sourcemaps = require('gulp-sourcemaps');gulp.task('html', function(){ return gulp.src('client/templates/*.pug') .pipe(pug()) .pipe(gulp.dest('build/html'))});gulp.task('css', function(){ return gulp.src('client/templates/*.less') .pipe(less()) .pipe(minifyCSS()) .pipe(gulp.dest('build/css'))});gulp.task('js', function(){ return gulp.src('client/javascript/*.js') .pipe(sourcemaps.init()) .pipe(concat('app.min.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest('build/js'))});gulp.task('default', [ 'html', 'css', 'js' ]);Gulp 鍩轰簬骞惰鎵ц浠诲姟鐨勬€濇兂锛岄€氳繃涓€涓猵ipe鏂规硶锛屼互鏁版嵁娴佺殑鏂瑰紡澶勭悊鎵撳寘浠诲姟锛屼腑闂存枃浠跺彧鐢熸垚浜庡唴瀛橈紝涓嶄細浜х敓澶氫綑鐨処O鎿嶄綔锛屾墍浠?Gulp 姣?Grunt 瑕佸揩寰堝銆俉ebpackGrunt 鍜?Gulp 鍙互绠楁槸绗竴浠ｇ殑鑷姩鍖栨瀯寤哄伐鍏枫€傜幇鍦ㄥ墠绔富瑕佷娇鐢ㄧ殑鏄?Webpack銆傚叾瀹炲姣?Gulp 鏉ヨ锛學ebpack 骞朵笉鏄竴涓畬鍏ㄧ殑鏇夸唬骞筹紝Gulp 鏄换鍔¤繍琛屽伐鍏凤紝瀹冨彧鏄竴涓嚜鍔ㄦ墽琛屽彲閲嶅娲诲姩鐨勫簲鐢ㄧ▼搴忥紝瀹冪殑鐢ㄩ€旀洿鍔犵殑骞挎硾锛屽洜涓鸿嚜鍔ㄤ换鍔＄殑鑼冨洿鏇村箍銆傜浉瀵笹ulp鏉ヨ锛?Webpack鏄竴涓潤鎬佹ā鍧楁墦鍖呭櫒(static module bundler)锛屼富瑕佺洰鐨勬槸甯姪绋嬪簭妯″潡鍙婂叾渚濊禆鏋勫缓闈欐€佽祫婧愩€備絾鏄洜涓哄墠绔嚜鍔ㄥ寲鏋勫缓鐨勪富瑕佷换鍔″叾瀹炲氨鏄潤鎬佽祫婧愮殑鏋勫缓锛屾墍浠ebpack鍩烘湰閮藉彲浠ュ畬鎴愩€傚洜姝?Gulp 鐜板湪鐨勪娇鐢ㄦ瘮杈冨皯浜嗐€傚叾瀹?Webpack 涔嬫墍浠ユ祦琛岋紝鏄洜涓轰箣鍓嶇殑宸ュ叿瀵规ā鍧楀寲鐨勬敮鎸佷笉瓒筹紝浠ュ墠鐨勫伐鍏峰ぇ閮ㄥ垎鏄互鏂囦欢涓哄崟浣嶇殑锛岃€岀幇浠S寮€鍙戯紝閮芥槸鍩轰簬妯″潡鐨勶紝妯″潡渚濊禆鐨勮瘑鍒槸闇€瑕佽娉曡涔夊垎鏋愮殑锛屽儚 Gulp 涔嬬被鐨勫伐鍏凤紝鍙槸涓€涓嚜鍔ㄦ墽琛岀殑宸ュ叿锛屾病娉曞緢濂界殑璇嗗埆鎵€鏈夌殑妯″潡渚濊禆锛屾墍浠ョ户缁娇鐢ㄤ細闄愬埗涔﹀啓鐨勬柟寮忓拰椤圭洰缁撴瀯锛岄厤缃捣鏉ヤ篃鏇村姞绻佺悙銆俉ebpack 鎶婃墍鏈夌殑浠ｇ爜鎴栧浘鐗囬兘褰撳仛璧勬簮锛屽畠浼氫粠涓€涓垨澶氫釜鍏ュ彛鏂囦欢寮€濮嬫壘璧凤紝鎵惧埌鎵€鏈夌殑璧勬簮渚濊禆锛岀劧鍚庡仛璇硶鍒嗘瀽锛屽幓闄ゆ帀涓嶇敤鐨勬垨閲嶅鐨勶紝鏈€缁堟寜鐓ч厤缃姹傜敓鎴愬鐞嗚繃鐨勬枃浠躲€備竴涓吀鍨嬬殑Webpack閰嶇疆鏂囦欢锛歷ar webpack = require('webpack');var path = require('path');var HtmlWebpackPlugin = require('html-webpack-plugin')var CleanWebpackPlugin = require('clean-webpack-plugin')var ExtractTextPlugin = require('extract-text-webpack-plugin')var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')const VENOR = [ "lodash", "react", "redux",]module.exports = { entry: { bundle: './src/index.js', vendor: VENOR }, // 濡傛灉鎯充慨鏀?webpack-dev-server 閰嶇疆锛屽湪杩欎釜瀵硅薄閲岄潰淇敼 devServer: { port: 8081 }, output: { path: path.join(__dirname, 'dist'), filename: '[name].[chunkhash].js' }, module: { rules: [{ test: /\.js$/, use: 'babel-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, use: [{ loader: 'url-loader', options: { limit: 10000, name: 'images/[name].[hash:7].[ext]' } }] }, { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [{ // 杩欒竟鍏跺疄杩樺彲浠ヤ娇鐢?postcss 鍏堝鐞嗕笅 CSS 浠ｇ爜 loader: 'css-loader' }] }) }, ] }, plugins: [ // 鎶藉彇鍏卞悓浠ｇ爜 new webpack.optimize.CommonsChunkPlugin({ name: ['vendor', 'manifest'], minChunks: Infinity }), // 鍒犻櫎涓嶉渶瑕佺殑hash鏂囦欢 new CleanWebpackPlugin(['dist/*.js'], { verbose: true, dry: false }), new HtmlWebpackPlugin({ template: 'index.html' }), // 鐢熸垚鍏ㄥ眬鍙橀噺 new webpack.DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("process.env.NODE_ENV") }), // 鍒嗙 CSS 浠ｇ爜 new ExtractTextPlugin("css/[name].[contenthash].css"), // 鍘嬬缉鎻愬彇鍑虹殑 CSS锛屽苟瑙ｅ喅ExtractTextPlugin鍒嗙鍑虹殑 JS 閲嶅闂 new OptimizeCSSPlugin({ cssProcessorOptions: { safe: true } }), // 鍘嬬缉 JS 浠ｇ爜 new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ]};鎵撳寘鍚庣敓鎴愶細Rollup鏈€杩戯紝React锛孷ue銆丒mber銆丳react銆丏3銆乀hree.js銆丮oment 绛変紬澶氱煡鍚嶉」鐩兘浣跨敤浜?Rollup 杩欎釜鏋勫缓宸ュ叿銆俁ollup 鍙互浣跨敤 ES2015鐨勮娉曟潵鍐欓厤缃枃浠讹紝鑰?Webpack 涓嶈锛?/ rollup.config.jsimport babel from 'rollup-plugin-babel';export default { input: './src/index.js', output: { file: './dist/bundle.rollup.js', format: 'cjs' }, plugins: [ babel({ presets: [ [ 'es2015', { modules: false } ] ] }) ]}// webpack.config.jsconst path = require('path');const webpack = require('webpack');module.exports = { entry: { 'index.webpack': path.resolve('./src/index.js') }, output: { libraryTarget: "umd", filename: "bundle.webpack.js", }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['es2015'] } } ] }};涓句釜绠€鍗曠殑渚嬪瓙锛屼袱涓枃浠讹細//some-file.jsexport default 10;// index.jsimport multiplier from './some-file.js';export function someMaths() { console.log(multiplier); console.log(5 * multiplier); console.log(10 * multiplier);}閫氳繃 Rollup 鍜?Webpack 鎵撳寘涔嬪悗锛屽垎鍒暱鎴愪笅闈㈣繖鏍凤細// bundle.rollup.js鈥娾€斺€妦245 bytes'use strict';Object.defineProperty(exports, '__esModule', { value: true });var multiplier = 10;function someMaths() { console.log(multiplier); console.log(5 * multiplier); console.log(10 * multiplier);}exports.someMaths = someMaths;// bundle.webpack.js鈥娾€斺€妦4108 bytesmodule.exports = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {}.........鍙互鐪嬪埌 Webpack 鎵撳寘鍚庣殑浠ｇ爜鍩烘湰涓婁笉鍏峰鍙鎬э紝灏哄涔熸湁浜涘ぇ銆傛墍浠ュ浜庝富瑕佹槸缁欏叾浠栦汉浣跨敤鐨勭函JS搴撴垨妗嗘灦鏉ヨ锛孯ollup 姣?Webpack 鏇撮€傚悎銆傛€ц兘浼樺寲鍓嶇鎬ц兘浼樺寲鏄竴涓緢瀹芥硾鐨勬蹇碉紝涓嶈繃鏈€缁堢洰鐨勯兘鏄彁鍗囩敤鎴蜂綋楠岋紝鏀瑰杽椤甸潰鎬ц兘銆傛€ц兘浼樺寲鏄釜寰堟湁鎰忔€濈殑浜嬫儏锛屽緢澶氫汉甯稿父绔敖鍏ㄥ姏杩涜鍓嶇椤甸潰浼樺寲锛屼絾鍗村拷鐣ヤ簡杩欐牱鍋氱殑鏁堟灉鍜屾剰涔夈€傞€氬父鍓嶇鎬ц兘鍙互璁や负鏄敤鎴疯幏鍙栨墍闇€瑕侀〉闈㈡暟鎹垨鎵ц鏌愪釜椤甸潰鍔ㄤ綔鐨勪竴涓疄鏃舵€ф寚鏍囷紝涓€鑸互鐢ㄦ埛甯屾湜鑾峰彇鏁版嵁鐨勬搷浣滃埌鐢ㄦ埛瀹為檯鑾峰緱鏁版嵁鐨勬椂闂撮棿闅旀潵琛￠噺銆備緥濡傜敤鎴峰笇鏈涜幏鍙栨暟鎹殑鎿嶄綔鏄墦寮€鏌愪釜椤甸潰锛岄偅涔堣繖涓搷浣滅殑鍓嶇鎬ц兘灏卞彲浠ョ敤璇ョ敤鎴锋搷浣滃紑濮嬪埌灞忓箷灞曠ず椤甸潰鍐呭缁欑敤鎴风殑杩欐鏃堕棿闂撮殧鏉ヨ瘎鍒ゃ€傜敤鎴风殑绛夊緟寤舵椂鍙互鍒嗘垚涓ら儴鍒嗭細鍙帶绛夊緟寤舵椂鍜屼笉鍙帶绛夊緟寤舵椂銆傚彲鎺х瓑寰呭欢鏃跺彲浠ョ悊瑙ｄ负鑳介€氳繃鎶€鏈墜娈靛拰浼樺寲鏉ユ敼杩涚缉鐭殑閮ㄥ垎锛屼緥濡傚噺灏忓浘鐗囧ぇ灏忚璇锋眰鍔犺浇鏇村揩銆佸噺灏慔TTP璇锋眰鏁扮瓑銆備笉鍙帶绛夊緟寤舵椂鍒欐槸涓嶈兘鎴栧緢闅鹃€氳繃鍓嶅悗绔妧鏈墜娈垫潵鏀硅繘浼樺寲鐨勶紝渚嬪榧犳爣鐐瑰嚮寤舵椂銆丆PU璁＄畻鏃堕棿寤舵椂銆両SP ( Internet Service Provider锛屼簰鑱旂綉鏈嶅姟鎻愪緵鍟嗭級缃戠粶浼犺緭寤舵椂绛夈€傚墠绔腑鐨勬墍鏈変紭鍖栭兘鏄拡瀵瑰彲鎺х瓑寰呭欢鏃惰繖閮ㄥ垎鏉ヨ繘琛岀殑銆傚墠绔€ц兘娴嬭瘯Performance Timing APIPerformance Timing API鏄竴涓敮鎸両nternet Explorer9浠ヤ笂鐗堟湰鍙奧ebKit鍐呮牳娴忚鍣ㄤ腑鐢ㄤ簬璁板綍椤甸潰鍔犺浇鍜岃В鏋愯繃绋嬩腑鍏抽敭鏃堕棿鐐圭殑鏈哄埗锛屽畠鍙互璇︾粏璁板綍姣忎釜椤甸潰璧勬簮浠庡紑濮嬪姞杞藉埌瑙ｆ瀽瀹屾垚杩欎竴杩囩▼涓叿浣撴搷浣滃彂鐢熺殑鏃堕棿鐐癸紝杩欐牱鏍规嵁寮€濮嬪拰缁撴潫鏃堕棿鎴冲氨鍙互璁＄畻鍑鸿繖涓繃绋嬫墍鑺辩殑鏃堕棿浜嗐€備箣鍓嶆垜浠粙缁?Chrome 缃戠粶闈㈡澘鐨勬椂鍊欒杩囦竴涓姹傜殑鐢熷懡鍛ㄦ湡锛氬彲浠ラ€氳繃 Performance Timing API 鎹曡幏鍒板悇涓樁娈电殑鏃堕棿锛岄€氳繃璁＄畻鍚勪釜灞炴€х殑宸€兼潵璇勬祴鎬ц兘锛屾瘮濡傦細var timinhObj = performance.timing;DNS鏌ヨ鑰楁椂 锛歞omainLookupEnd - domainLookupStartTCP閾炬帴鑰楁椂 锛歝onnectEnd - connectStartrequest璇锋眰鑰楁椂 锛歳esponseEnd - responseStart瑙ｆ瀽dom鏍戣€楁椂 锛?domComplete - domInteractive鐧藉睆鏃堕棿 锛歳esponseStart - navigationStartdomready鏃堕棿 锛歞omContentLoadedEventEnd - navigationStartonload鏃堕棿 锛歭oadEventEnd - navigationStartProfile 宸ュ叿涔嬪墠鏈夎杩囷紝浣跨敤 Chrome 寮€鍙戣€呭伐鍏风殑 Audit 闈㈡澘鎴栬€?Performance 闈㈡澘锛屽彲浠ヨ瘎浼版€ц兘銆傚煁鐐硅鏃跺湪鍏抽敭閫昏緫涔嬮棿鎵嬪姩鍩嬬偣璁℃椂锛屾瘮濡傦細let timeList = []timeList.push({ tag: 'xxxBegin', time: +new Date })...timeList.push({ tag: 'xxxEnd', time: +new Date })杩欑鏂瑰紡甯稿父鍦ㄧЩ鍔ㄧ椤甸潰涓娇鐢紝鍥犱负绉诲姩绔祻瑙堝櫒HTML瑙ｆ瀽鍜孞avaScript鎵ц鐩稿杈冩參锛岄€氬父涓轰簡杩涜鎬ц兘浼樺寲锛岄渶瑕佹壘鍒伴〉闈腑鎵цJavaScript 鑰楁椂鐨勬搷浣滐紝濡傛灉灏嗗叧閿甁avaScript鐨勬墽琛岃繃绋嬭繘琛屽煁鐐硅鏃跺苟涓婃姤锛屽氨鍙互杞绘澗鎵惧嚭JavaScript 鎵ц鎱㈢殑鍦版柟锛屽苟鏈夐拡瀵规€у湴杩涜浼樺寲銆傝祫婧愭椂搴忓浘鍙互閫氳繃 Chrome 鐨勭綉缁滈潰鏉匡紝鎴栬€?Fiddler 涔嬬被鐨勫伐鍏锋煡鐪嬫椂搴忓浘锛屾潵鍒嗘瀽椤甸潰闃诲锛氬墠绔紭鍖栫瓥鐣ュ墠绔紭鍖栫殑绛栫暐闈炲父澶氾紝涓昏鐨勭瓥鐣ュぇ姒傚彲浠ュ綊涓哄嚑澶х被锛氱綉缁滃姞杞界被鍑忓皯HTTP璧勬簮璇锋眰娆℃暟鍦ㄥ墠绔〉闈腑锛岄€氬父寤鸿灏藉彲鑳藉悎骞堕潤鎬佽祫婧愬浘鐗囥€丣avaScript鎴朇SS浠ｇ爜锛屽噺灏戦〉闈㈣姹傛暟鍜岃祫婧愯姹傛秷鑰楋紝杩欐牱鍙互缂╃煭椤甸潰棣栨璁块棶鐨勭敤鎴风瓑寰呮椂闂淬€傚噺灏廐TTP璇锋眰澶у皬搴斿敖閲忓噺灏忔瘡涓狧TTP璇锋眰鐨勫ぇ灏忋€傚鍑忓皯娌″繀瑕佺殑鍥剧墖銆丣avaScript銆?CSS鍙奌TML浠ｇ爜锛屽鏂囦欢杩涜鍘嬬缉浼樺寲锛屾垨鑰呬娇鐢╣zip鍘嬬缉浼犺緭鍐呭绛夐兘鍙互鐢ㄦ潵鍑忓皬鏂囦欢澶у皬锛岀缉鐭綉缁滀紶杈撶瓑寰呮椂寤躲€傚皢CSS鎴朖avaScript鏀惧埌澶栭儴鏂囦欢涓紝閬垮厤浣跨敤 script 鏍囩鐩存帴寮曞叆鍦℉TML鏂囦欢涓紩鐢ㄥ閮ㄨ祫婧愬彲浠ユ湁鏁堝埄鐢ㄦ祻瑙堝櫒鐨勯潤鎬佽祫婧愮紦瀛樸€傞伩鍏嶄娇鐢ㄧ┖鐨刪ref鍜宻rc褰?link 鏍囩鐨?href 灞炴€т负绌猴紝鎴杝cript銆?img銆乮frame鏍囩鐨剆rc灞炴€т负绌烘椂锛屾祻瑙堝櫒鍦ㄦ覆鏌撶殑杩囩▼涓粛浼氬皢href灞炴€ф垨src灞炴€т腑鐨勭┖鍐呭杩涜鍔犺浇锛岀洿鑷冲姞杞藉け璐ワ紝杩欐牱灏遍樆濉炰簡椤甸潰涓叾浠栬祫婧愮殑涓嬭浇杩涚▼锛岃€屼笖鏈€缁堝姞杞藉埌鐨勫唴瀹规槸鏃犳晥鐨勶紝鍥犳瑕佸敖閲忛伩鍏嶃€備负HTML鎸囧畾Cache-Control鎴朎xpires涓篐TML鍐呭璁剧疆Cache-Control鎴朎xpires鍙互灏咹TML鍐呭缂撳瓨璧锋潵锛岄伩鍏嶉绻佸悜鏈嶅姟鍣ㄧ鍙戦€佽姹傘€傚墠闈㈣鍒帮紝鍦ㄩ〉闈ache-Control鎴朎xpires澶撮儴鏈夋晥鏃讹紝娴忚鍣ㄥ皢鐩存帴浠庣紦瀛樹腑璇诲彇鍐呭锛屼笉鍚戞湇鍔″櫒绔彂閫佽姹傘€傛瘮濡傦細<meta http-equiv="Cache -Control" content="max-age=7200" />鍚堢悊璁剧疆Etag鍜孡ast-Modified鍚堢悊璁剧疆Etag鍜孡ast-Modified浣跨敤娴忚鍣ㄧ紦瀛橈紝瀵逛簬鏈慨鏀圭殑鏂囦欢锛岄潤鎬佽祫婧愭湇鍔″櫒浼氬悜娴忚鍣ㄧ杩斿洖304锛岃娴忚鍣ㄤ粠缂撳瓨涓鍙栨枃浠讹紝鍑忓皯Web璧勬簮涓嬭浇鐨勫甫瀹芥秷鑰楀苟闄嶄綆鏈嶅姟鍣ㄨ礋杞姐€傚噺灏戦〉闈㈤噸瀹氬悜椤甸潰姣忔閲嶅畾鍚戦兘浼氬欢闀块〉闈㈠唴瀹硅繑鍥炵殑绛夊緟寤舵椂锛屼竴娆￠噸瀹氬悜澶х害闇€瑕?00姣鐨勬椂闂村紑閿€锛屼负浜嗕繚璇佺敤鎴峰敖蹇湅鍒伴〉闈㈠唴瀹癸紝瑕佸敖閲忛伩鍏嶉〉闈㈤噸瀹氬悜銆備娇鐢ㄩ潤鎬佽祫婧愬垎鍩熷瓨鏀炬潵澧炲姞涓嬭浇骞惰鏁版祻瑙堝櫒鍦ㄥ悓涓€鏃跺埢鍚戝悓涓€涓煙鍚嶈姹傛枃浠剁殑骞惰涓嬭浇鏁版槸鏈夐檺鐨勶紝鍥犳鍙互鍒╃敤澶氫釜鍩熷悕鐨勪富鏈烘潵瀛樻斁涓嶅悓鐨勯潤鎬佽祫婧愶紝澧炲ぇ椤甸潰鍔犺浇鏃惰祫婧愮殑骞惰涓嬭浇鏁帮紝缂╃煭椤甸潰璧勬簮鍔犺浇鐨勬椂闂淬€傞€氬父鏍规嵁澶氫釜鍩熷悕鏉ュ垎鍒瓨鍌↗avaScript銆丆SS鍜屽浘鐗囨枃浠躲€傛瘮濡備含涓滐細浣跨敤闈欐€佽祫婧怌DN鏉ュ瓨鍌ㄦ枃浠跺鏋滄潯浠跺厑璁革紝鍙互鍒╃敤CDN缃戠粶鍔犲揩鍚屼竴涓湴鐞嗗尯鍩熷唴閲嶅闈欐€佽祫婧愭枃浠剁殑鍝嶅簲涓嬭浇閫熷害锛岀缉鐭祫婧愯姹傛椂闂淬€備娇鐢–DN Combo涓嬭浇浼犺緭鍐呭CDN Combo鏄湪CDN鏈嶅姟鍣ㄧ灏嗗涓枃浠惰姹傛墦鍖呮垚涓€涓枃浠剁殑褰㈠紡鏉ヨ繑鍥炵殑鎶€鏈紝杩欐牱鍙互瀹炵幇HTTP杩炴帴浼犺緭鐨勪竴娆℃€у鐢紝鍑忓皯娴忚鍣ㄧ殑HTTP璇锋眰鏁帮紝鍔犲揩璧勬簮涓嬭浇閫熷害銆傛瘮濡傦細//g.alicdn.com/??kissy/k/6.2.4/seed-min.js,tbc/global/0.0.8/index-min.js,tms/tb-init/6.1.0/index-min.js,sea/sitenav-global/0.5.2/global-min.js浣跨敤鍙紦瀛樼殑AJAX瀵逛簬杩斿洖鍐呭鐩稿悓鐨勮姹傦紝娌″繀瑕佹瘡娆￠兘鐩存帴浠庢湇鍔＄鎷夊彇锛屽悎鐞嗕娇鐢ˋJAX缂撳瓨鑳藉姞蹇獳JAX鍝嶅簲閫熷害骞跺噺杞绘湇鍔″櫒鍘嬪姏銆傛瘮濡傦細const cachedFetch = (url, options) => { let cacheKey = url let cached = sessionStorage.getItem(cacheKey) if (cached !== null) { let response = new Response(new Blob([cached])) return Promise.resolve(response) } return fetch(url, options).then(response => { if (response.status === 200) { let ct = response.headers.get('Content-Type') if (ct && (ct.match(/application\/json/i) || ct.match(/text\//i))) { response.clone().text().then(content => { sessionStorage.setItem(cacheKey, content) }) } } return response })}浣跨敤GET鏉ュ畬鎴怉JAX璇锋眰浣跨敤XMLHttpRequest鏃?娴忚鍣ㄤ腑鐨凱OST鏂规硶鍙戦€佽姹傞鍏堝彂閫佹枃浠跺ご锛岀劧鍚庡彂閫丠TTP姝ｆ枃鏁版嵁銆傝€屼娇鐢℅ET鏃跺彧鍙戦€佸ご閮紝鎵€浠ュ湪鎷夊彇鏈嶅姟绔暟鎹椂浣跨敤GET璇锋眰鏁堢巼鏇撮珮銆傚噺灏慍ookie鐨勫ぇ灏忓苟杩涜Cookie闅旂HTTP璇锋眰閫氬父榛樿甯︿笂娴忚鍣ㄧ鐨凜ookie涓€璧峰彂閫佺粰鏈嶅姟鍣紝鎵€浠ュ湪闈炲繀瑕佺殑鎯呭喌涓嬶紝瑕佸敖閲忓噺灏慍ookie鏉ュ噺灏廐TTP璇锋眰鐨勫ぇ灏忋€傚浜庨潤鎬佽祫婧愶紝灏介噺浣跨敤涓嶅悓鐨勫煙鍚嶆潵瀛樻斁锛屽洜涓篊ookie榛樿鏄笉鑳借法鍩熺殑锛岃繖鏍峰氨鍋氬埌浜嗕笉鍚屽煙鍚嶄笅闈欐€佽祫婧愯姹傜殑Cookie闅旂銆傜缉灏廸avicon.ico骞剁紦瀛樿繖鏍锋湁鍒╀簬favicon.ico鐨勯噸澶嶅姞杞斤紝鍥犱负涓€鑸竴涓猈eb搴旂敤鐨刦avicon.ico鏄緢灏戞敼鍙樼殑銆傛帹鑽愪娇鐢ㄥ紓姝avaScript璧勬簮寮傛鐨凧avaScript 璧勬簮涓嶄細闃诲鏂囨。瑙ｆ瀽锛屾墍浠ュ厑璁稿湪娴忚鍣ㄤ腑浼樺厛娓叉煋椤甸潰锛屽欢鍚庡姞杞借剼鏈墽琛屻€傛瘮濡傦細<script src="main.js" defer></script><script src="main.js" async></script>浣跨敤async鏃讹紝鍔犺浇鍜屾覆鏌撳悗缁枃妗ｅ厓绱犵殑杩囩▼鍜宮ain.js鐨勫姞杞戒笌鎵ц鏄苟琛岀殑銆備娇鐢╠efer 鏃讹紝鍔犺浇鍚庣画鏂囨。鍏冪礌鐨勮繃绋嬪拰main.js鐨勫姞杞戒篃鏄苟琛岀殑锛屼絾鏄痬ain.js鐨勬墽琛岃鍦ㄩ〉闈㈡墍鏈夊厓绱犺В鏋愬畬鎴愪箣鍚庢墠寮€濮嬫墽琛屻€備娇鐢ㄥ紓姝avascript锛屽姞杞界殑鍏堝悗椤哄簭琚墦涔憋紝瑕佹敞鎰忎緷璧栭棶棰樸€傛秷闄ら樆濉炴覆鏌撶殑CSS鍙奐avaScript瀵逛簬椤甸潰涓姞杞芥椂闂磋繃闀跨殑CSS鎴朖avaScript鏂囦欢锛岄渶瑕佽繘琛屽悎鐞嗘媶鍒嗘垨寤跺悗鍔犺浇锛屼繚璇佸叧閿矾寰勭殑璧勬簮鑳藉揩閫熷姞杞藉畬鎴愩€傞伩鍏嶄娇鐢–SS import寮曠敤鍔犺浇CSSCSS涓殑@import鍙互浠庡彟涓€涓牱寮忔枃浠朵腑寮曞叆鏍峰紡锛屼絾搴旇閬垮厤杩欑鐢ㄦ硶锛屽洜涓鸿繖鏍蜂細澧炲姞CSS璧勬簮鍔犺浇鐨勫叧閿矾寰勯暱搴︼紝甯︽湁@import鐨凜SS鏍峰紡闇€瑕佸湪CSS鏂囦欢涓茶瑙ｆ瀽鍒癅import鏃舵墠浼氬姞杞藉彟澶栫殑CSS鏂囦欢锛屽ぇ澶у欢鍚嶤SS娓叉煋瀹屾垚鐨勬椂闂淬€傞灞忔暟鎹姹傛彁鍓嶏紝閬垮厤JavaScript 鏂囦欢鍔犺浇鍚庢墠璇锋眰鏁版嵁閽堝绉诲姩绔紝涓轰簡杩涗竴姝ユ彁鍗囬〉闈㈠姞杞介€熷害锛屽彲浠ヨ€冭檻灏嗛〉闈㈢殑鏁版嵁璇锋眰灏藉彲鑳芥彁鍓嶏紝閬垮厤鍦↗avaScript鍔犺浇瀹屾垚鍚庢墠鍘昏姹傛暟鎹€傞€氬父鏁版嵁璇锋眰鏄〉闈㈠唴瀹规覆鏌撲腑鍏抽敭璺緞鏈€闀跨殑閮ㄥ垎锛岃€屼笖涓嶈兘骞惰锛屾墍浠ュ鏋滆兘灏嗘暟鎹姹傛彁鍓嶏紝鍙互鏋佸ぇ绋嬪害.涓婄缉鐭〉闈㈠唴瀹圭殑娓叉煋瀹屾垚鏃堕棿銆傞灞忓姞杞藉拰鎸夐渶鍔犺浇锛岄潪棣栧睆鍐呭婊氬睆鍔犺浇锛屼繚璇侀灞忓唴瀹规渶灏忓寲鐢变簬绉诲姩绔綉缁滈€熷害鐩稿杈冩參锛岀綉缁滆祫婧愭湁闄愶紝鍥犳涓轰簡灏藉揩瀹屾垚椤甸潰鍐呭鐨勫姞杞斤紝闇€瑕佷繚璇侀灞忓姞杞借祫婧愭渶灏忓寲锛岄潪棣栧睆鍐呭浣跨敤婊氬姩鐨勬柟寮忓紓姝ュ姞杞姐€備竴鑸帹鑽愮Щ鍔ㄧ椤甸潰棣栧睆鏁版嵁灞曠ず寤舵椂鏈€闀夸笉瓒呰繃3绉掋€傜洰鍓嶄腑鍥借仈閫?G鐨勭綉缁滈€熷害涓?38KB/s (2.71Mb/s)锛?涓嶈兘淇濊瘉瀹㈡埛閮芥槸娴佺晠鐨?G缃戠粶锛屾墍浠ユ帹鑽愰灞忔墍鏈夎祫婧愬ぇ灏忎笉瓒呰繃1014KB锛屽嵆澶х害涓嶈秴杩?MB銆傛ā鍧楀寲璧勬簮骞惰涓嬭浇鍦ㄧЩ鍔ㄧ璧勬簮鍔犺浇涓紝灏介噺淇濊瘉JavaScript璧勬簮骞惰鍔犺浇锛屼富瑕佹寚鐨勬槸妯″潡鍖朖avaScript璧勬簮鐨勫紓姝ュ姞杞斤紝浣跨敤骞惰鐨勫姞杞芥柟寮忚兘澶熺缉鐭涓枃浠惰祫婧愮殑鍔犺浇鏃堕棿銆俰nline 棣栧睆蹇呭鐨凜SS鍜孞avaScript閫氬父涓轰簡鍦℉TML鍔犺浇瀹屾垚鏃惰兘浣挎祻瑙堝櫒涓湁鍩烘湰鐨勬牱寮忥紝闇€瑕佸皢椤甸潰娓叉煋鏃跺繀澶囩殑CSS鍜孞avaScript閫氳繃 style 鍐呰仈鍒伴〉闈腑锛岄伩鍏嶉〉闈TML杞藉叆瀹屾垚鍒伴〉闈㈠唴瀹瑰睍绀鸿繖娈佃繃绋嬩腑椤甸潰鍑虹幇绌虹櫧銆傛瘮濡傜櫨搴︼細<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml><head><meta http-equiv=Content-Type content="text/html;charset=utf-8"><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta content=always name=referrer><link rel="shortcut icon" href=/favicon.ico type=image/x-icon><link rel=icon sizes=any mask href=//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg><title>鐧惧害涓€涓嬶紝浣犲氨鐭ラ亾 </title><style id="style_super_inline">body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars}body,button,input,select,textarea{font:12px arial}...meta dns prefetch璁剧疆DNS棰勮В鏋愯缃枃浠惰祫婧愮殑DNS棰勮В鏋愶紝璁╂祻瑙堝櫒鎻愬墠瑙ｆ瀽鑾峰彇闈欐€佽祫婧愮殑涓绘満IP锛岄伩鍏嶇瓑鍒拌姹傛椂鎵嶅彂璧稤NS瑙ｆ瀽璇锋眰銆傞€氬父鍦ㄧЩ鍔ㄧHTML涓彲浠ラ噰鐢ㄥ涓嬫柟寮忓畬鎴愩€?lt;!-- cdn鍩熷悕棰勮В鏋?-><meta http-equiv="x-dns-prefetch-control" content="on"><link rel="dns-prefetch" href="//cdn.domain.com">璧勬簮棰勫姞杞藉浜庣Щ鍔ㄧ棣栧睆鍔犺浇鍚庡彲鑳戒細琚娇鐢ㄧ殑璧勬簮锛岄渶瑕佸湪棣栧睆瀹屾垚鍔犺浇鍚庡敖蹇繘琛屽姞杞斤紝淇濊瘉鍦ㄧ敤鎴烽渶瑕佹祻瑙堟椂宸茬粡鍔犺浇瀹屾垚锛岃繖鏃跺€欏鏋滃啀鍘诲紓姝ヨ姹傚氨鏄惧緱寰堟參銆傚悎鐞嗗埄鐢∕TU绛栫暐閫氬父鎯呭喌涓嬶紝鎴戜滑璁や负TCP缃戠粶浼犺緭鐨勬渶澶т紶杈撳崟鍏冿紙Maximum Transmission Unit, MTU锛変负1500B锛屽嵆涓€涓猂TT ( Round-Trip Time锛岀綉缁滆姹傚線杩旀椂闂达級鍐呭彲浠ヤ紶杈撶殑鏁版嵁閲忔渶澶т负1500瀛楄妭銆傚洜姝わ紝鍦ㄥ墠鍚庣鍒嗙鐨勫紑鍙戞ā寮忎腑锛屽敖閲忎繚璇侀〉闈㈢殑HTML鍐呭鍦?KB浠ュ唴锛岃繖鏍锋暣涓狧TML鐨勫唴瀹硅姹傚氨鍙互鍦ㄤ竴涓猂TT鍐呰姹傚畬鎴愶紝鏈€澶ч檺搴﹀湴鎻愰珮HTML杞藉叆閫熷害銆傞〉闈㈡覆鏌撶被鎶奀SS璧勬簮寮曠敤鏀惧埌HTML鏂囦欢椤堕儴涓€鑸帹鑽愬皢鎵€鏈塁SS璧勬簮灏芥棭鎸囧畾鍦℉TML鏂囨。涓紝 杩欐牱娴忚鍣ㄥ彲浠ヤ紭鍏堜笅杞紺SS骞跺敖鏃╁畬鎴愰〉闈㈡覆鏌撱€侸avaScript璧勬簮寮曠敤鏀惧埌HTML鏂囦欢搴曢儴JavaScript璧勬簮鏀惧埌HTML鏂囨。搴曢儴鍙互闃叉JavaScript鐨勫姞杞藉拰瑙ｆ瀽鎵ц瀵归〉闈㈡覆鏌撻€犳垚闃诲銆傜敱浜嶫avaScript璧勬簮榛樿鏄В鏋愰樆濉炵殑锛岄櫎闈炶鏍囪涓哄紓姝ユ垨鑰呴€氳繃鍏朵粬鐨勫紓姝ユ柟寮忓姞杞斤紝鍚﹀垯浼氶樆濉濰TML DOM瑙ｆ瀽鍜孋SS娓叉煋鐨勮繃绋嬨€備笉瑕佸湪HTML涓洿鎺ョ缉鏀惧浘鐗囧湪HTML涓洿鎺ョ缉鏀惧浘鐗囦細瀵艰嚧椤甸潰鍐呭鐨勯噸鎺掗噸缁橈紝姝ゆ椂鍙兘浼氫娇椤甸潰涓殑鍏朵粬鎿嶄綔浜х敓鍗￠】锛屽洜姝よ灏介噺鍑忓皯鍦ㄩ〉闈腑鐩存帴杩涜鍥剧墖缂╂斁銆傚噺灏慏OM鍏冪礌鏁伴噺鍜屾繁搴TML涓爣绛惧厓绱犺秺澶氾紝鏍囩鐨勫眰绾ц秺娣憋紝娴忚鍣ㄨВ鏋怐OM骞剁粯鍒跺埌娴忚鍣ㄤ腑鎵€鑺辩殑鏃堕棿灏辫秺闀匡紝鎵€浠ュ簲灏藉彲鑳戒繚鎸丏OM鍏冪礌绠€娲佸拰灞傜骇杈冨皯銆傚敖閲忛伩鍏嶄娇鐢╰able銆乮frame绛夋參鍏冪礌table 鍐呭鐨勬覆鏌撴槸灏唗able鐨凞OM娓叉煋鏍戝叏閮ㄧ敓鎴愬畬骞朵竴娆℃€х粯鍒跺埌椤甸潰涓婄殑锛屾墍浠ュ湪闀胯〃鏍兼覆鏌撴椂寰堣€楁€ц兘锛屽簲璇ュ敖閲忛伩鍏嶄娇鐢ㄥ畠锛屽彲浠ヨ€冭檻浣跨敤鍒楄〃鍏冪礌 ul 浠ｆ浛銆傚敖閲忎娇鐢ㄥ紓姝ョ殑鏂瑰紡鍔ㄦ€佹坊鍔爄frame锛屽洜涓篿frame鍐呰祫婧愮殑涓嬭浇杩涚▼浼氶樆濉炵埗椤甸潰闈欐€佽祫婧愮殑涓嬭浇涓嶤SS鍙奌TML DOM鐨勮В鏋愩€傞伩鍏嶈繍琛岃€楁椂鐨凧avaScript闀挎椂闂磋繍琛岀殑JavaScript浼氶樆濉炴祻瑙堝櫒鏋勫缓DOM鏍戙€丏OM娓叉煋鏍戙€佹覆鏌撻〉闈€傛墍浠ワ紝浠讳綍涓庨〉闈㈠垵娆℃覆鏌撴棤鍏崇殑閫昏緫鍔熻兘閮藉簲璇ュ欢杩熷姞杞芥墽琛岋紝杩欏拰JavaScript璧勬簮鐨勫紓姝ュ姞杞芥€濊矾鏄竴鑷寸殑銆傞伩鍏嶄娇鐢–SS琛ㄨ揪寮忔垨CSS婊ら暅CSS琛ㄨ揪寮忔垨CSS婊ら暅鐨勮В鏋愭覆鏌撻€熷害鏄瘮杈冩參鐨勶紝鍦ㄦ湁鍏朵粬瑙ｅ喅鏂规鐨勬儏鍐典笅搴旇灏介噺閬垮厤浣跨敤銆傜紦瀛樼被鍚堢悊鍒╃敤娴忚鍣ㄧ紦瀛橀櫎浜嗕笂闈㈣鍒扮殑浣跨敤Cache-Control銆丒xpires銆?Etag 鍜孡ast-Modified鏉ヨ缃瓾TTP缂撳瓨澶栵紝鍦ㄧЩ鍔ㄧ杩樺彲浠ヤ娇鐢╨ocalStorage 绛夋潵淇濆瓨AJAX杩斿洖鐨勬暟鎹紝鎴栬€呬娇鐢╨ocalStorage淇濆瓨CSS鎴朖avaScript闈欐€佽祫婧愬唴瀹癸紝瀹炵幇绉诲姩绔殑绂荤嚎搴旂敤锛屽敖鍙兘鍑忓皯缃戠粶璇锋眰锛屼繚璇侀潤鎬佽祫婧愬唴瀹圭殑蹇€熷姞杞姐€傞潤鎬佽祫婧愮绾挎柟妗堝浜庣Щ鍔ㄧ鎴朒ybrid搴旂敤锛屽彲浠ヨ缃绾挎枃浠舵垨绂荤嚎鍖呮満鍒惰闈欐€佽祫婧愯姹備粠鏈湴璇诲彇锛屽姞蹇祫婧愯浇鍏ラ€熷害锛屽苟瀹炵幇绂荤嚎鏇存柊銆傚浘鐗囩被鍥剧墖鍘嬬缉澶勭悊鍦ㄧЩ鍔ㄧ锛岄€氬父瑕佷繚璇侀〉闈腑涓€鍒囩敤鍒扮殑鍥剧墖閮芥槸缁忚繃鍘嬬缉浼樺寲澶勭悊鐨勶紝鑰屼笉鏄互鍘熷浘鐨勫舰寮忕洿鎺ヤ娇鐢ㄧ殑锛屽洜涓洪偅鏍峰緢娑堣€楁祦閲忥紝鑰屼笖鍔犺浇鏃堕棿鏇撮暱銆備娇鐢ㄨ緝灏忕殑鍥剧墖锛屽悎鐞嗕娇鐢╞ase64鍐呭祵鍥剧墖鍦ㄩ〉闈娇鐢ㄧ殑鑳屾櫙鍥剧墖涓嶅涓旇緝灏忕殑鎯呭喌涓嬶紝鍙互灏嗗浘鐗囪浆鍖栨垚base64缂栫爜宓屽叆鍒癏TML椤甸潰鎴朇SS鏂囦欢涓紝杩欐牱鍙互鍑忓皯椤甸潰鐨凥TTP璇锋眰鏁般€傞渶瑕佹敞鎰忕殑鏄紝瑕佷繚璇佸浘鐗囪緝灏忥紝涓€鑸浘鐗囧ぇ灏忚秴杩?KB灏变笉鎺ㄨ崘浣跨敤base64宓屽叆鏄剧ず浜嗐€備娇鐢ㄦ洿楂樺帇缂╂瘮鏍煎紡鐨勫浘鐗囦娇鐢ㄥ叿鏈夎緝楂樺帇缂╂瘮鏍煎紡鐨勫浘鐗囷紝濡倃ebp 绛夈€傚湪鍚岀瓑鍥剧墖鐢昏川鐨勬儏鍐典笅锛岄珮鍘嬬缉姣旀牸寮忕殑鍥剧墖浣撶Н鏇村皬锛岃兘澶熸洿蹇畬鎴愭枃浠朵紶杈擄紝鑺傜渷缃戠粶娴侀噺銆備笉杩囨敞鎰?webp 鐨勫吋瀹规€э紝闄や簡Chrome鍏朵粬娴忚鍣ㄦ敮鎸佷笉濂姐€傚浘鐗囨噿鍔犺浇涓轰簡淇濊瘉椤甸潰鍐呭鐨勬渶灏忓寲锛屽姞閫熼〉闈㈢殑娓叉煋锛屽敖鍙兘鑺傜渷绉诲姩绔綉缁滄祦閲忥紝椤甸潰涓殑鍥剧墖璧勬簮鎺ㄨ崘浣跨敤鎳跺姞杞藉疄鐜帮紝鍦ㄩ〉闈㈡粴鍔ㄦ椂鍔ㄦ€佽浇鍏ュ浘鐗囥€傛瘮濡備含涓滈椤垫粴鍔ㄣ€備娇鐢∕edia Query鎴杝rcset 鏍规嵁涓嶅悓灞忓箷鍔犺浇涓嶅悓澶у皬鍥剧墖浠嬬粛鍝嶅簲寮忔椂璇磋繃锛岄拡瀵逛笉鍚岀殑绉诲姩绔睆骞曞昂瀵稿拰鍒嗚鲸鐜囷紝杈撳嚭涓嶅悓澶у皬鐨勫浘鐗囨垨鑳屾櫙鍥捐兘淇濊瘉鍦ㄧ敤鎴蜂綋楠屼笉闄嶄綆鐨勫墠鎻愪笅鑺傜渷缃戠粶娴侀噺锛屽姞蹇儴鍒嗘満鍨嬬殑鍥剧墖鍔犺浇閫熷害锛岃繖鍦ㄧЩ鍔ㄧ闈炲父鍊煎緱鎺ㄨ崘銆備娇鐢╥confont浠ｆ浛鍥剧墖鍥炬爣鍦ㄩ〉闈腑灏藉彲鑳戒娇鐢╥confont 鏉ヤ唬鏇垮浘鐗囧浘鏍囷紝杩欐牱鍋氱殑濂藉鏈変互涓嬪嚑涓細浣跨敤iconfont浣撶Н杈冨皬锛岃€屼笖鏄煝閲忓浘锛屽洜姝ょ缉鏀炬椂涓嶄細澶辩湡锛涘彲浠ユ柟渚垮湴淇敼鍥剧墖澶у皬灏哄鍜屽憟鐜伴鑹层€備絾鏄渶瑕佹敞鎰忕殑鏄紝iconfont寮曠敤涓嶅悓webfont鏍煎紡鏃剁殑鍏煎鎬у啓娉曪紝鏍规嵁缁忛獙鎺ㄨ崘灏介噺鎸夌収浠ヤ笅椤哄簭涔﹀啓锛屽惁鍒欎笉瀹规槗鍏煎鍒版墍鏈夌殑娴忚鍣ㄤ笂銆侤font-face { 聽font-family: iconfont; 聽src: url("./iconfont.eot") ; 聽src: url("./iconfont.eot?#iefix") format("eot")锛?聽 聽 聽 url("./iconfont.woff") format("woff"), 聽 聽 聽 url("./iconfont.ttf") format("truetype");}瀹氫箟鍥剧墖澶у皬闄愬埗鍔犺浇鐨勫崟寮犲浘鐗囦竴鑸缓璁笉瓒呰繃30KB锛岄伩鍏嶅ぇ鍥剧墖鍔犺浇鏃堕棿闀胯€岄樆濉為〉闈㈠叾浠栬祫婧愮殑涓嬭浇锛屽洜姝ゆ帹鑽愬湪10KB浠ュ唴銆傚鏋滅敤鎴凤紝涓婁紶鐨勫浘鐗囪繃澶э紝寤鸿璁剧疆鍛婅绯荤粺 銆傝剼鏈被鑴氭湰绫绘秹鍙婂埌浠ｇ爜鐨勪紭鍖栵紝杩欓噷鍙畝鍗曞垪涓€浜涳細灏介噺浣跨敤id閫夋嫨鍣ㄥ悎鐞嗙紦瀛楧OM瀵硅薄椤甸潰鍏冪礌灏介噺浣跨敤浜嬩欢浠ｇ悊锛岄伩鍏嶇洿鎺ヤ簨浠剁粦瀹氫娇鐢╰ouchstart浠ｆ浛click閬垮厤touchmove銆乻croll 杩炵画浜嬩欢澶勭悊锛岃缃簨浠惰妭娴佹帹鑽愪娇鐢‥CMAScript 6鐨勫瓧绗︿覆妯℃澘杩炴帴瀛楃涓插敖閲忎娇鐢ㄦ柊鐗规€ф覆鏌撶被浣跨敤Viewport鍥哄畾灞忓箷娓叉煋锛屽彲浠ュ姞閫熼〉闈㈡覆鏌撳唴瀹瑰湪绉诲姩绔缃甐iewport鍙互鍔犻€熼〉闈㈢殑娓叉煋锛屽悓鏃跺彲浠ラ伩鍏嶇缉鏀惧鑷撮〉闈㈤噸鎺掗噸缁樸€傛瘮濡傦細<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">閬垮厤鍚勭褰㈠紡閲嶆帓閲嶇粯椤甸潰鐨勯噸鎺掗噸缁樺緢鑰楁€ц兘锛屾墍浠ヤ竴瀹氳灏藉彲鑳藉噺灏戦〉闈㈢殑閲嶆帓閲嶇粯銆備娇鐢–SS3鍔ㄧ敾锛屽紑鍚疓PU鍔犻€熶娇鐢–SS3鍔ㄧ敾鏃跺彲浠ヨ缃?transform: translateZ(0) 鏉ュ紑鍚Щ鍔ㄨ澶囨祻瑙堝櫒鐨凣PU鍥惧舰澶勭悊锛屽姞閫燂紝璁╁姩鐢昏繃绋嬫洿鍔犳祦鐣呫€傚悎鐞嗕娇鐢–anvas鍜宺equestAnimationFrame閫夋嫨Canvas鎴杛equestAnimationFrame绛夋洿楂樻晥鐨勫姩鐢诲疄鐜版柟寮忥紝灏介噺閬垮厤浣跨敤setTimeout銆乻etInterval 绛夋柟寮忔潵鐩存帴澶勭悊杩炵画鍔ㄧ敾銆係VG浠ｆ浛鍥剧墖閮ㄥ垎鎯呭喌涓嬪彲浠ヨ€冭檻浣跨敤SVG浠ｆ浛鍥剧墖瀹炵幇鍔ㄧ敾锛屽洜涓轰娇鐢⊿VG鏍煎紡鍐呭鏇村皬锛岃€屼笖SVG DOM缁撴瀯鏂逛究璋冩暣銆備笉婊ョ敤float鍦―OM娓叉煋鏍戠敓鎴愬悗鐨勫竷灞€娓叉煋闃舵锛屼娇鐢╢loat鐨勫厓绱犲竷灞€璁＄畻姣旇緝鑰楁€ц兘锛屾帹鑽愪娇鐢ㄥ浐瀹氬竷灞€鎴杅lex-box寮规€у竷灞€鐨勬柟寮忔潵瀹炵幇椤甸潰鍏冪礌甯冨眬銆傛灦鏋勫崗璁被灏濊瘯浣跨敤SPDY鍜孒TTP 2鍦ㄦ潯浠跺厑璁哥殑鎯呭喌涓嬪彲浠ヨ€冭檻浣跨敤SPDY鍗忚鏉ヨ繘琛屾枃浠惰祫婧愪紶杈擄紝鍒╃敤杩炴帴澶嶇敤鍔犲揩浼犺緭杩囩▼锛岀缉鐭祫婧愬姞杞芥椂闂淬€侶TTP2鍦ㄦ湭鏉ヤ篃鏄彲浠ヨ€冭檻灏濊瘯鐨勩€備娇鐢ㄥ悗绔暟鎹覆鏌撲娇鐢ㄥ悗绔暟鎹覆鏌撶殑鏂瑰紡鍙互鍔犲揩椤甸潰鍐呭鐨勬覆鏌撳睍绀猴紝閬垮厤绌虹櫧椤甸潰鐨勫嚭鐜帮紝鍚屾椂鍙互瑙ｅ喅绉诲姩绔〉闈EO鐨勯棶棰樸€傚鏋滄潯浠跺厑璁革紝鍚庣鏁版嵁娓叉煋鏄竴涓緢涓嶉敊鐨勫疄璺垫€濊矾銆備娇鐢∟ativeView浠ｆ浛DOM鐨勬€ц兘鍔ｅ娍鍙互灏濊瘯浣跨敤Native View绛夋潵閬垮厤HTML DOM鎬ц兘鎱㈢殑闂锛岀洰鍓嶄娇鐢≧eact Native銆乄eex绛夊凡缁忓彲浠ュ皢椤甸潰鍐呭娓叉煋浣撻獙鍋氬埌鎺ヨ繎瀹㈡埛绔疦ative搴旂敤鐨勪綋楠屼簡銆傝繖閲屽垪涓句簡涓€閮ㄥ垎浼樺寲鐨勭瓥鐣ワ紝涓栫晫涓婃病鏈夊崄鍏ㄥ崄缇庣殑浜嬫儏锛屽湪鍋氬埌浜嗘瀬鑷翠紭鍖栫殑鍚屾椂涔熶細浠樺嚭寰堝ぇ鐨勪唬浠凤紝杩欎篃鏄墠绔紭鍖栫殑涓€涓棶棰樸€傜悊璁轰笂杩欎簺浼樺寲閮芥槸鍙互瀹炵幇鐨勶紝浣嗘槸浣滀负宸ョ▼甯堬紝瑕佹噦寰楁潈琛°€備紭鍖栨彁鍗囦簡鐢ㄦ埛浣撻獙锛屼娇鏁版嵁鍔犺浇鏇村揩锛屼絾鏄」鐩唬鐮佸嵈鍙兘鎵撲贡锛屽紓姝ュ唴瀹硅鎷嗗垎鍑烘潵锛岄灞忕殑涓€涓洩纰у浘鍙兘瑕佸垎鎴愪袱涓紝椤甸潰椤圭洰浠ｇ爜鐨勬暟閲忓拰缁存姢鎴愭湰鍙兘鎴愬€嶅鍔狅紝椤圭洰缁撴瀯涔熷彲鑳藉彉寰椾笉澶熸竻鏅般€備换浣曚竴閮ㄥ垎浼樺寲閮藉彲浠ュ仛寰楀緢娣卞叆锛屼絾涓嶄竴瀹氶兘鍊煎緱锛屽湪浼樺寲鐨勫悓鏃朵篃瑕佸敖閲忚€冭檻鎬т环姣旓紝杩欐墠鏄鐞嗗墠绔紭鍖栨椂搴旇鍏锋湁鐨勬纭€濈淮銆傜敤鎴锋暟鎹垎鏋愬湪鐜颁唬浜掕仈缃戜骇鍝佺殑寮€鍙戣凯浠ｄ腑锛屽鍓嶇鐢ㄦ埛鏁版嵁鐨勭粺璁″垎鏋愪弗閲嶅奖鍝嶇潃鏈€缁堜骇鍝佺殑鎴愯触銆傝皥鍒板墠绔暟鎹紝娑夊強鐨勬柟闈㈠氨姣旇緝骞夸簡銆傜綉绔欑敤鎴锋暟鎹粺璁″垎鏋愰€氬父鍙互鍙嶆槧鍑虹綉绔欑殑鐢ㄦ埛瑙勬ā銆佺敤鎴蜂娇鐢ㄤ範鎯€佺敤鎴风殑鍐呭鍋忓ソ绛夛紝浜嗚В浜嗚繖浜涘氨鑳藉府鍔╂垜浠皟鏁翠骇鍝佺瓥鐣ャ€佹敼杩涗骇鍝侀渶姹傘€佹彁楂樹骇鍝佽川閲忥紝闄ゆ涔嬪鐢ㄦ埛鏁版嵁鐨勭粺璁＄敋鑷充篃浼氱洿鎺ュ拰骞垮憡鏀跺叆鐩稿叧鑱斻€傜敤鎴疯闂粺璁￠€氬父椤甸潰涓婄敤鎴疯闂粺璁′富瑕佸寘鎷琍V锛圥age View锛夈€乁V锛圲nique Visitor锛夈€乂V 锛圴isit View锛夈€両P锛堣闂珯鐐圭殑涓嶅悓IP鏁帮級绛夈€侾VPV涓€鑸寚鍦ㄤ竴澶╂椂闂翠箣鍐呴〉闈㈣鎵€鏈夌敤鎴疯闂殑鎬绘鏁帮紝鍗虫瘡涓€娆￠〉闈㈠埛鏂伴兘浼氬鍔犱竴娆V銆侾V浣滀负鍗曚釜椤甸潰鐨勭粺璁￠噺鍙傛暟锛岄€氬父鐢ㄦ潵缁熻鑾峰彇鍏抽敭鍏ュ彛椤甸潰鎴栦复鏃舵帹骞挎€ч〉闈㈢殑璁块棶閲忔垨鎺ㄥ箍鏁堟灉锛岀敱浜嶱V鐨勭粺璁′竴鑸槸涓嶅仛浠讳綍鏉′欢闄愬埗鐨勶紝鍙互浜轰负鍦板埛鏂版潵鎻愬崌缁熻閲忥紝鎵€浠ュ崟绾潬PV鏄棤娉曞弽搴旈〉闈㈣鐢ㄦ埛璁块棶鐨勫叿浣撴儏鍐电殑銆俇VUV鏄寚鍦ㄤ竴澶╂椂闂翠箣璁块棶鍐呴〉鐨勪笉鍚岀敤鎴蜂釜鏁帮紝鍜孭V涓嶅悓鐨勬槸锛屽鏋滀竴涓〉闈㈠湪鍚屼竴澶╁唴琚煇涓浉鍚岀敤鎴峰娆¤闂紝鍙绠椾竴娆V銆俇V鍙互璁や负鏄墠绔〉闈㈢粺璁′腑涓€涓渶鏈変环鍊肩殑缁熻鎸囨爣锛屽洜涓哄叾鐩存帴鍙嶅簲椤甸潰鐨勮闂敤鎴锋暟銆傜洰鍓嶆湁杈冨绔欑偣鐨刄V鏄寜鐓т竴澶╀箣鍐呰闂洰鏍囬〉闈㈢殑IP鏁版潵璁＄畻鐨勶紝鍥犳涔熷彲浠ユ牴鎹甎V鏉ョ粺璁＄珯鐐圭殑鍛ㄦ椿璺冪敤鎴烽噺鍜屾湀娲昏穬鐢ㄦ埛閲忋€備弗鏍兼潵璁诧紝鏍规嵁涓€澶╂椂闂村唴璁块棶鐩爣椤甸潰鐨処P鏁版潵璁＄畻UV鏄笉涓ヨ皑鐨勶紝鍥犱负鍦ㄥ姙鍏尯鎴栨牎鍥眬鍩熺綉鐨勬儏鍐典笅锛屽涓敤鎴疯闂簰鑱旂綉缃戠珯鐨処P鍙兘鏄悓涓€涓紝浣嗗疄闄呬笂鐨勮闂敤鎴峰嵈鏈夊緢澶氥€傛墍浠ヤ负浜嗗緱鍒版洿鍔犲噯纭殑缁撴灉锛岄櫎浜嗘牴鎹甀P锛岃繕闇€瑕佺粨鍚堝叾浠栫殑杈呭姪淇℃伅鏉ヨ瘑鍒粺璁′笉鍚岀敤鎴风殑UV锛屾瘮濡傛湁涓ょ甯哥敤鐨勬柟寮忥細鏍规嵁娴忚鍣–ookie 鍜孖P缁熻锛氬湪鐩爣椤甸潰姣忔鎵撳紑鏃跺悜娴忚鍣ㄤ腑鍐欏叆鍞竴鐨勬煇涓狢ookie淇℃伅锛屽啀缁撳悎IP涓€璧蜂笂鎶ョ粺璁★紝灏卞彲浠ョ簿纭粺璁″嚭涓€澶╂椂闂村唴璁块棶椤甸潰鐨勭敤鎴锋暟銆傚瓨鍦ㄧ殑闂鏄鏋滅敤鎴锋墜鍔ㄦ竻闄や簡Cookie鍐嶈繘鍏ヨ闂紝椤甸潰琚噸鏂拌闂椂灏卞彧鑳界畻绗簩娆°€傜粨鍚堢敤鎴锋祻瑙堝櫒鏍囪瘑userAgent鍜孖P缁熻锛氱敱浜庝娇鐢–ookie缁熻瀛樺湪鍙兘琚墜鍔ㄦ竻闄ょ殑闂锛屾墍浠ユ帹鑽愮粨鍚堟祻瑙堝櫒鏍囪瘑userAgent 鏉ョ粺璁°€傝繖鏍峰彲浠ュ湪涓€瀹氱▼搴︿笂鍖哄垎鍚孖P涓嬬殑涓嶅悓鐢ㄦ埛锛屼絾涔熶笉瀹屽叏鍑嗙‘锛孖P鍜屾祻瑙堝櫒鏍囪瘑userAgent鐩稿悓鐨勬儏鍐典篃寰堝父瑙侊紝浣嗕粛鍗村彧鑳借绠椾竴娆°€傜敱姝ゅ彲瑙侊紝铏界劧UV鏄綉绔欑粺璁＄殑涓€涓緢閲嶈鐨勭粺璁￠噺锛屼絾涓€鑸儏鍐典笅鏄棤娉曠敤浜庣簿纭粺璁＄殑锛屾墍浠ラ€氬父闇€瑕佺粨鍚圥V銆乁V鏉ヤ竴璧峰垎鏋愮綉绔欒鐢ㄦ埛璁块棶鐨勬儏鍐点€傛澶栵紝鎴戜滑杩樺彲浠ュ绔欑偣涓€澶╃殑鏂拌瀹㈡暟銆佹柊璁垮姣旂巼绛夎繘琛岀粺璁★紝璁＄畻绗竴娆¤闂綉绔欑殑鏂扮敤鎴锋暟鍜屾瘮渚嬶紝杩欏鍒ゆ柇缃戠珯鐢ㄦ埛澧為暱涔熸槸寰堟湁鎰忎箟鐨勩€俈VPV鍜孶V鏇村鏄拡瀵瑰崟椤甸潰杩涜鐨勭粺璁★紝鑰孷V鍒欐槸鐢ㄦ埛璁块棶鏁翠釜缃戠珯鐨勭粺璁℃寚鏍囥€備緥濡傜敤鎴锋墦寮€绔欑偣锛屽苟鍦ㄥ唴閮ㄥ仛浜嗗娆¤烦杞搷浣滐紝鏈€鍚庡叧闂缃戠珯鎵€鏈夌殑椤甸潰锛屽嵆涓轰竴娆V銆侷PIP鏄竴澶╂椂闂村唴璁块棶缃戦〉鎴栫綉绔欑殑鐙珛IP鏁帮紝涓€鑸湇鍔″櫒绔彲浠ョ洿鎺ヨ幏鍙栫敤鎴疯闂綉绔欐椂鐨勭嫭绔婭P锛岀粺璁′篃姣旇緝瀹规槗澶勭悊銆傞渶瑕佹敞鎰廔P缁熻涓嶶V缁熻鐨勫尯鍒拰鑱旂郴銆傜敤鎴疯涓哄垎鏋愬浜庤緝灏忕殑椤圭洰鍥㈤槦鏉ヨ锛屾垨璁稿緱鍒伴〉闈㈡垨缃戠珯鐨凱V銆乁V銆乂V銆両P杩欎簺鍩烘湰鐨勭粺璁℃暟鎹氨鍙互浜嗐€傚叾瀹炵浉瀵逛簬璁块棶閲忕殑缁熻锛岀敤鎴疯涓哄垎鏋愭墠鏄洿鍔犵洿鎺ュ弽鏄犵綉椤靛唴瀹规槸鍚﹀彈鐢ㄦ埛鍠滄鎴栨弧瓒崇敤鎴烽渶姹傜殑涓€涓噸瑕佹爣鍑嗭紝鐢ㄦ埛鍦ㄩ〉闈笂鎿嶄綔鐨勮涓烘湁寰堝绉嶏紝姣忕鎿嶄綔閮藉彲鑳藉搴旈〉闈笂涓嶅悓鐨勫睍绀哄唴瀹广€傚鏋滄垜浠兘鐭ラ亾鐢ㄦ埛娴忚鐩爣椤甸潰鏃舵墍鏈夌殑琛屼负鎿嶄綔锛屼竴瀹氱▼搴︿笂灏卞彲浠ョ煡閬撶敤鎴峰椤甸潰鐨勫摢浜涘唴瀹规劅鍏磋叮锛屽鍝簺鍐呭涓嶆劅鍏磋叮锛岃繖瀵逛骇鍝佸唴瀹圭殑璋冩暣鍜屾敼杩涙槸寰堟湁鎰忎箟鐨勩€備竴鑸敤浜庡垎鏋愮敤鎴疯涓虹殑鍙傛暟鎸囨爣涓昏鍖呮嫭锛氶〉闈㈢偣鍑婚噺銆佺敤鎴风偣鍑绘祦銆佺敤鎴疯闂矾寰勩€佺敤鎴风偣鍑荤儹鍔涘浘銆佺敤鎴疯浆鎹㈢巼銆佺敤鎴疯闂椂闀垮垎鏋愬拰鐢ㄦ埛璁块棶鍐呭鍒嗘瀽绛夈€傞〉闈㈢偣鍑婚噺椤甸潰鐐瑰嚮閲忕敤鏉ョ粺璁＄敤鎴峰浜庨〉闈㈡煇涓彲鐐瑰嚮鎴栧彲鎿嶄綔鍖哄煙鐨勭偣鍑绘垨鎿嶄綔娆℃暟銆備互鐐瑰嚮鐨勬儏鍐典负渚嬶紝缁熻椤甸潰涓婃煇涓寜閽鐐瑰嚮鐨勬鏁板氨鍙互閫氳繃璇ユ柟娉曟潵璁＄畻锛岃繖鏍烽€氳繃缁熻鐨勭粨鏋滃彲浠ュ垎鏋愬嚭椤甸潰涓婂摢浜涙寜閽搴旂殑鍐呭鏄敤鎴峰彲鑳芥劅鍏磋叮鐨勩€傜敤鎴风偣鍑绘祦鍒嗘瀽鐐瑰嚮娴佺敤鏉ョ粺璁＄敤鎴峰湪椤甸潰涓彂鐢熺偣鍑绘垨鎿嶄綔鍔ㄤ綔鐨勯『搴忥紝鍙互鍙嶆槧鐢ㄦ埛鍦ㄩ〉闈笂鐨勬搷浣滆涓恒€傛墍浠ョ粺璁′笂鎶ユ椂闇€瑕佸湪娴忚鍣ㄤ笂鍏堜繚瀛樿褰曠敤鎴风殑鎿嶄綔椤哄簭锛屼緥濡傚湪鍏抽敭鐨勬寜閽腑鍩嬬偣锛岀偣鍑绘椂鍚憀ocalStorage涓褰曠偣鍑绘垨鎿嶄綔琛屼负鐨勫敮涓€id锛屽湪鐢ㄦ埛涓€娆V缁撴潫鎴栧湪涓嬩竴娆V寮€濮嬫椂杩涜鐐瑰嚮娴佷笂鎶ワ紝鐒跺悗閫氳繃鍚庡彴褰掑苟缁熻鍒嗘瀽銆傜敤鎴疯闂矾寰勫垎鏋愮敤鎴疯闂矾寰勫拰鐢ㄦ埛鐐瑰嚮娴佹湁鐐圭被浼硷紝涓嶈繃鐢ㄦ埛璁块棶璺緞涓嶉拡瀵圭敤鎴风殑鍙偣鍑绘垨鎿嶄綔鍖哄煙鍩嬬偣锛岃€屾槸閽堝姣忎釜椤甸潰鍩嬬偣璁板綍鐢ㄦ埛璁块棶涓嶅悓椤甸潰鐨勮矾寰勩€備笂鎶ヤ俊鎭殑鏂规硶鍜岀敤鎴风偣鍑绘祦涓婃姤鐩稿悓锛屽父甯镐篃鏄湪涓€娆V缁撴潫鎴栦笅涓€娆V寮€濮嬫椂锛屼笂鎶ョ敤鎴风殑璁块棶璺緞銆傜敤鎴风偣鍑荤儹鍔涘浘鐢ㄦ埛鐐瑰嚮鐑姏鍥炬槸涓轰簡缁熻鐢ㄦ埛鐨勭偣鍑绘垨鎿嶄綔鍙戠敓鍦ㄦ暣涓〉闈㈠摢浜涘尯鍩熶綅缃殑涓€绉嶅垎鏋愭柟娉曪紝涓€鑸槸缁熻鐢ㄦ埛鎿嶄綔涔犳儻鍜岄〉闈㈡煇浜涘尯鍩熷唴瀹规槸鍚﹀彈鐢ㄦ埛鍏虫敞鐨勪竴绉嶆柟寮忋€傝繖绉嶇粺璁℃柟娉曡幏鍙栦笂鎶ョ偣鐨勬柟寮忎富瑕佹槸鎹曡幏榧犳爣浜嬩欢鍦ㄥ睆骞曚腑鐨勫潗鏍囦綅缃繘琛屼笂鎶ワ紝鐒跺悗鍦ㄦ湇鍔＄杩涜璁＄畻褰掔被鍒嗘瀽骞剁粯鍥俱€傜敤鎴疯浆鍖栫巼涓庡娴佽浆鍖栫巼瀵圭敤鎴疯浆鍖栫巼鐨勫垎鏋愪竴 鑸湪涓€浜涗复鏃舵帹骞块〉闈㈡垨鎷夊彇鏂扮敤鎴峰疁浼犻〉闈笂姣旇緝甯哥敤锛岃繖閲岀粺璁′篃寰堢畝鍗曪紝渚嬪瑕佺粺璁℃煇涓柊浜у搧鎺ㄥ箍椤甸潰鐨勭敤鎴疯浆鍖栫巼锛岄€氳繃璁＄畻缁忚繃璇ラ〉闈㈡敞鍐岀殑鐢ㄦ埛鏁扮浉瀵逛簬椤甸潰鐨凱V姣斾緥灏卞彲浠ュ緱鍑恒€傜敤鎴疯浆鍖栫巼 = 閫氳繃璇ラ〉闈㈡敞鍐岀殑鐢ㄦ埛鏁?/ 椤甸潰PV鐩稿鏉ヨ锛岀敤鎴疯浆鍖栫巼鍒嗘瀽鐨勫簲鐢ㄥ満鏅瘮杈冨崟涓€銆傝繕鏈夊彟涓€绉嶅娴佺殑椤甸潰缁熻鍒嗘瀽鍜岃椤甸潰鐨勫姛鑳界被浼硷紝涓嶈繃鍏朵綔鐢ㄦ槸灏嗘煇涓〉闈㈢殑鐢ㄦ埛璁块棶娴侀噺寮曞鍒板彟涓€涓〉闈腑锛屽娴佽浆鍖栫巼鍙互鐢ㄩ€氳繃婧愰〉闈㈠鍏ョ殑椤甸潰璁块棶PV鐩稿浜庢簮椤甸潰鐨勬€籔V姣斾緥鏉ヨ〃绀恒€傚娴佽浆鍖栫巼 = 閫氳繃婧愰〉闈㈠鍏ョ殑椤甸潰璁块棶PV / 婧愰〉闈V鏈川涓婏紝鍏抽敭鐨勭粺璁″垎鏋愪粛鏄鐜版湁椤甸潰璁块棶閲忚繘琛屽姣斿拰璁＄畻鑰屽緱鍑虹殑锛屽苟涓嶆槸缁熻鍑烘潵鐨勩€傜敤鎴疯闂椂闀裤€佸唴瀹瑰垎鏋愮敤鎴疯闂椂闀垮拰鍐呭鍒嗘瀽鍒欐槸缁熻鍒嗘瀽鐢ㄦ埛鍦ㄦ煇浜涘叧閿唴瀹归〉闈㈢殑鍋滅暀鏃堕棿锛屾潵鍒ゆ柇鐢ㄦ埛瀵硅椤甸潰鐨勫唴瀹规槸鍚︽劅鍏磋叮锛屼粠鑰屽垎鏋愬嚭鐢ㄦ埛瀵圭綉绔欏彲鑳芥劅鍏磋叮鐨勫唴瀹癸紝鏂逛究浠ュ悗绮剧‘鍦板悜璇ョ敤鎴锋帹鑽愪粬浠劅鍏磋叮鐨勫唴瀹广€傚墠绔棩蹇椾笂鎶ュ悗绔紑鍙戜竴鑸湪绋嬪簭杩愯鍑虹幇寮傚父鏃跺彲浠ラ€氳繃鍐欐湇鍔″櫒鏃ュ織鐨勬柟寮忔潵璁板綍閿欒鐨勪俊鎭紝鐒跺悗涓嬭浇鏈嶅姟鍣ㄦ棩蹇楁墦寮€鏌ョ湅鏄摢閲岀殑闂骞惰繘琛屼慨澶嶃€備絾鏄鏋滄槸鍓嶇椤甸潰杩愯鍑虹幇浜嗛棶棰橈紝鎴戜滑鍗翠笉鑳芥墦寮€鐢ㄦ埛娴忚鍣ㄧ殑鎺у埗鍙拌褰曟潵鏌ョ湅浠ｇ爜涓埌搴曞嚭鐜颁簡浠€涔堥敊璇€備竴鑸儏鍐典笅锛屽湪鍓嶇寮€鍙戜腑锛屽墠绔伐绋嬪笀鎸夌収闇€姹傚畬鎴愰〉闈㈠紑鍙戯紝閫氳繃浜у搧浣撻獙纭鍜屾祴璇曪紝椤甸潰灏卞彲浠ヤ笂绾夸簡銆備絾涓嶅垢鐨勬槸锛屼骇鍝佸緢蹇氨鏀跺埌浜嗙敤鎴风殑鎶曡瘔銆傜敤鎴峰弽鏄犻〉闈㈢偣鍑绘寜閽病鍙嶅簲锛屾垜浠嚜宸辫瘯浜嗕竴涓嬪嵈涓€鍒囨甯革紝浜庢槸杩介棶鐢ㄦ埛鎵€鐢ㄧ殑鐜锛屾渶鍚庣粨璁烘槸鐢ㄦ埛浣跨敤浜嗕竴涓潪甯稿皬浼楃殑娴忚鍣ㄦ墦寮€椤甸潰锛屽洜涓鸿娴忚鍣ㄤ笉鏀寔鏌愪釜鐗规€э紝鍥犳椤甸潰鎶ラ敊锛屾暣涓〉闈㈠仠姝㈠搷搴斻€傚湪杩欑鎯呭喌涓嬶紝鐢ㄦ埛鍙嶉鐨勬姇璇夎姳鎺変簡鎴戜滑寰堝鏃堕棿鍘诲畾浣嶉棶棰橈紝鐒惰€岃繖骞朵笉鏄渶鍙€曠殑锛屾洿璁╂垜浠媴蹇х殑鏄洿澶氱殑鐢ㄦ埛閬囧埌杩欑鍦烘櫙鍚庝究浼氱洿鎺ユ姏寮冭繖涓湁闂鐨勨€滃瀮鍦句骇鍝佲€濄€傝繖涓棶棰樺敮涓€鐨勮В鍐冲姙娉曞氨鏄湪灏介噺灏戠殑鐢ㄦ埛閬囧埌杩欐牱鐨勫満鏅椂灏辨妸闂鍗虫椂淇鎺夛紝淇濊瘉灏介噺澶氱殑鐢ㄦ埛鍙互姝ｅ父浣跨敤銆傞鍏堥渶瑕佸湪灏戞暟鐢ㄦ埛浣跨敤浜у搧鍑洪敊鏃剁煡閬撴湁鐢ㄦ埛鍑洪敊锛岃€屼笖灏介噺瀹氫綅鍒版槸浠€涔堥敊璇€傜敱浜庣敤鎴风殑杩愯鐜鏄湪娴忚鍣ㄧ鐨勶紝鍥犳鍙互鍦ㄥ墠绔〉闈㈣剼鏈墽琛屽嚭閿欐椂灏嗛敊璇俊鎭笂浼犲埌鏈嶅姟鍣紝鐒跺悗鎵撳紑鏈嶅姟鍣ㄦ敹闆嗙殑閿欒淇℃伅杩涜鍒嗘瀽鏉ユ敼杩涗骇鍝佺殑璐ㄩ噺銆傝瀹炵幇杩欎釜杩囩▼锛屾垜浠繀椤昏€冭檻涓嬮潰鍑犱釜闂銆傛€庢牱鑾峰彇閿欒鏃ュ織娴忚鍣ㄦ彁渚涗簡try.. .catch鍜寃indow. onerror鐨勪袱绉嶆満鍒舵潵甯姪鎴戜滑鑾峰彇鐢ㄦ埛椤甸潰鐨勮剼鏈敊璇俊鎭€倃indow.onerror = function (msg, url, lineNo, columnNo, error) { // ... handle error ... return false;}鎬庢牱灏嗛敊璇俊鎭笂浼犲埌鏈嶅姟鍣ㄥ鏋滄崟鑾峰埌浜嗗叿浣撶殑閿欒鎴栨爤淇℃伅锛屽氨鍙互灏嗛敊璇俊鎭繘琛屼笂鎶ヤ簡锛屽鍑洪敊淇℃伅銆侀敊璇鍙枫€佸垪鍙枫€佺敤鎴锋祻瑙堝櫒淇℃伅绛夛紝閫氳繃鍒涘缓HTTP璇锋眰鐨勬柟寮忓嵆鍙皢瀹冧滑鍙戦€佸埌鏃ュ織鏀堕泦鏈嶅姟鍣ㄣ€傚綋鐒堕敊璇俊鎭笂鎶ヨ璁℃椂闇€瑕佹敞鎰忎竴鐐癸細椤甸潰鐨勮闂噺鍙兘寰堝ぇ锛屽鏋滃埌杈剧櫨涓囩骇銆佸崈涓囩骇锛岄偅涔堝氨闇€瑕佹寜鐓т竴瀹氱殑鏉′欢涓婃姤锛屼緥濡傛牴鎹竴瀹氱殑姒傜巼杩涜涓婃姤锛屽惁鍒欏ぇ閲忕殑閿欒淇℃伅涓婃姤璇锋眰浼氬崰鐢ㄦ棩蹇楁敹闆嗘湇鍔″櫒鐨勫緢澶氳祫婧愬拰娴侀噺銆傛€庢牱閫氳繃楂樻晥鐨勬柟寮忔潵鎵惧埌闂涓轰簡鏂逛究鏌ョ湅鏀堕泦鍒扮殑杩欎簺淇℃伅锛屾垜浠€氬父鍙互寤虹珛涓€涓畝鍗曠殑鍐呭绠＄悊绯荤粺锛圕ontent Management System锛孋MS锛夋潵绠＄悊鏌ョ湅閿欒鏃ュ織锛屽鍚屼竴绫诲瀷鐨勯敊璇仛褰掑苟缁熻锛屼篃鍙互寤虹珛閿欒閲忓疄鏃剁粺璁℃潵鏌ョ湅閿欒閲忕殑鍗虫椂鍙樺寲鎯呭喌銆傚綋鏌愪釜鐗堟湰鍙戝竷鍚庯紝濡傛灉鏀跺埌鐨勯敊璇噺鏄庢樉澧炲姞锛屽氨闇€瑕佹牸澶栨敞鎰忋€傚彟澶栦竴鐐硅娉ㄦ剰鐨勬槸锛屼笂鎶ラ敊璇俊鎭満鍒舵槸鐢ㄦ潵杈呭姪浜у搧璐ㄩ噺鏀硅繘鐨勶紝涓嶈兘鍥犱负鍦ㄩ〉闈腑娣诲姞浜嗛敊璇俊鎭敹闆嗗拰涓婃姤鑰屽奖鍝嶄簡鍘熸湁鐨勪笟鍔℃ā鍧楀姛鑳姐€傛枃浠跺姞杞藉け璐ョ洃鎺у鏋滆杩涗竴姝ュ畬鍠勫湴妫€娴嬮〉闈㈢殑寮傚父淇℃伅锛屽彲浠ュ皾璇曞闈欐€佽祫婧愭枃浠跺姞杞藉け璐ョ殑鎯呭喌杩涜鐩戞帶銆備緥濡傚湪CDN缃戠粶涓紝鍙兘鍥犱负閮ㄥ垎鏈哄櫒鏁呴殰锛屽鑷寸敤鎴峰姞杞戒笉鍒?lt;img>銆?lt;script>绛夐潤鎬佽祫婧愶紝浣嗘槸寮€鍙戣€呬笉涓€瀹氳兘澶嶇幇锛岃€屼笖鏃犳硶绗竴鏃堕棿鐭ラ亾闈欐€佽祫婧愬姞杞藉け璐ヤ簡銆傝繖绉嶆儏鍐典笅杩欏氨闇€瑕佸湪椤甸潰涓婅嚜鍔ㄦ崟鑾锋枃浠跺姞杞藉け璐ョ殑寮傚父鏉ヨ繘琛屽鐞嗭紝鍙互瀵?lt;img>鎴?lt;script>鏍囩鍏冪礌鐨剅eadyChange杩涜鏄惁鍔犺浇鎴愬姛鐨勫垽鏂€備笉骞哥殑鏄紝鍙湁閮ㄥ垎IE娴忚鍣ㄦ敮鎸?lt;img>鎴?lt;script>鐨剅eadyState锛屽洜姝や竴鑸繕闇€瑕佺粨鍚堝叾浠栨柟寮忥紝濡俹nload锛岄拡瀵逛笉鍚屾祻瑙堝櫒鍒嗗紑澶勭悊銆傚墠绔€ц兘鍒嗘瀽涓婃姤寮€鍙戣€呮€庢牱鐭ラ亾鐢ㄦ埛绔墦寮€椤甸潰鏃剁殑鎬ц兘濡備綍鍛紝涓€涓彲琛岀殑鏂规硶灏辨槸灏嗛〉闈㈡€ц兘鏁版嵁杩涜涓婃姤缁熻锛屼緥濡傚皢PerformanceTiming 鏁版嵁銆佸紑鍙戣€呰嚜宸卞煁鐐圭殑鎬ц兘缁熻鏁版嵁閫氳繃椤甸潰JavaScript缁熶竴涓婃姤鍒拌繙绋嬫湇鍔″櫒锛屽湪鏈嶅姟鍣ㄧ缁熻璁＄畻鎬ц兘鏁版嵁鐨勫钩鍧囧€兼潵璇勫垽鍓嶇鍏蜂綋椤甸潰鐨勬€ц兘鎯呭喌銆備互涓婁粙缁嶇殑鏄墠绔〉闈㈡暟鎹粺璁″拰鍒嗘瀽鐨勪富瑕佸唴瀹癸紝鍦ㄥ疄闄呴」鐩腑鍙互鏍规嵁浜у搧鎴栧紑鍙戦渶瑕佹潵杩涜璋冩暣銆傞渶瑕佹敞鎰忕殑鏄紝涓嶈杩囧害璁捐锛屼緥濡傚浜庤闂噺寰堝皯鐨勭綉绔欒繘琛屽ぇ閲忕殑鐢ㄦ埛琛屼负鍒嗘瀽鍙兘灏卞緱涓嶅伩澶变簡銆傛悳绱㈠紩鎿庝紭鍖栨悳绱㈠紩鎿庝紭鍖栫畝绉癝EO銆傚浜庡緢澶氱綉绔欐潵璇达紝鎼滅储寮曟搸鏄渶閲嶈鐨勫叆鍙ｏ紝鎻愬崌鑷劧鎺掑悕鐩稿綋浜庢彁鍗囩綉绔欑殑鏇濆厜搴︼紝浣滀负鍓嶇宸ョ▼甯堬紝浜嗚В鎼滅储寮曟搸浼樺寲鏂归潰鐨勭浉鍏崇煡璇嗘槸寰堥噸瑕佺殑銆倀itle銆乲eywords銆乨escription 鐨勪紭鍖杢itle. keywords銆?description 鏄彲浠ュ湪HTML鐨?lt;meta>鏍囩鍐呭畾涔夌殑锛屾湁鍔╀簬鎼滅储寮曟搸鎶撳彇鍒扮綉椤电殑鍐呭銆傝娉ㄦ剰鐨勬槸锛屼竴鑸瑃itle鐨勬潈閲嶆槸鏈€楂樼殑锛屼篃鏄渶閲嶈鐨勩€俴eywords 鐩稿鏉冮噸杈冧綆锛屽彲浠ヤ綔涓洪〉闈㈢殑杈呭姪鍏抽敭璇嶆悳绱€俤escription鐨勬弿杩颁竴鑸細鐩存帴鏄剧ず鍦ㄦ悳绱㈢粨鏋滅殑浠嬬粛涓紝鍙互浣跨敤鎴峰揩閫熶簡瑙ｉ〉闈㈠唴瀹圭殑鎻忚堪鏂囧瓧锛屾墍浠ヨ灏介噺璁╄繖娈垫枃瀛楄兘澶熸弿杩版暣涓〉闈㈢殑鍐呭锛屽鍔犵敤鎴疯繘鍏ラ〉闈㈢殑姒傜巼銆倀itle鐨勪紭鍖栦竴鑸瑃itle鐨勮缃灏介噺鑳藉姒傛嫭椤甸潰鐨勫唴瀹癸紝鍙互浣跨敤澶氫釜title鍏抽敭瀛楃粍鍚堢殑褰㈠紡锛屽苟鐢ㄥ垎闅旂杩炴帴璧锋潵銆傚垎闅旂涓€鑸湁 鈥淿鈥濄€佲€?鈥濄€佲€?鈥濄€佲€?鈥濈瓑锛屽叾涓€淿鈥濆垎闅旂姣旇緝瀹规槗琚櫨搴︽悳绱㈠紩鎿庢绱㈠埌锛屸€?鈥濆垎闅旂鍒欏鏄撹璋锋瓕鎼滅储寮曟搸妫€绱㈠埌锛屸€?鈥?鍒欏湪鑻辨枃绔欑偣涓娇鐢ㄦ瘮杈冨锛屽彲浠ヤ娇鐢ㄧ┖鏍笺€倀itle 鐨勯暱搴﹀湪妗岄潰娴忚鍣ㄧ涓€鑸缓璁帶鍒跺湪 30涓瓧浠ュ唴锛屽湪绉诲姩绔帶鍒跺湪20涓瓧浠ュ唴锛岃嫢闀垮害瓒呭嚭鏃舵祻瑙堝櫒浼氶粯璁ゆ埅鏂苟鏄剧ず鐪佺暐鍙枫€傚叧浜巘itle鏍煎紡鐨勪紭鍖栬缃彲浠ラ伒寰互涓嬭鍒欙細姣忎釜缃戦〉閮藉簲璇ユ湁鐙竴鏃犱簩鐨勬爣棰橈紝鍒囧繉鎵€鏈夌殑椤甸潰閮戒娇鐢ㄥ悓鏍风殑榛樿鏍囬銆傛爣棰樹富棰樻槑纭紝搴旇鍖呭惈缃戦〉涓渶閲嶈鐨勪俊鎭€傜畝鏄庣簿缁冿紝涓嶅簲璇ョ綏鍒椾笌缃戦〉鍐呭涓嶇浉鍏崇殑淇℃伅銆傜敤鎴锋祻瑙堥€氬父浠庡乏鍒板彸鐨勶紝寤鸿灏嗛噸瑕佺殑鍐呭鏀惧埌title闈犲墠鐨勪綅缃€備娇鐢ㄧ敤鎴锋墍鐔熺煡鐨勮瑷€鎻忚堪锛屽鏋滄湁涓€佽嫳鏂囦袱绉嶇綉绔欏悕绉帮紝灏介噺浣跨敤鐢ㄦ埛鐔熺煡鐨勮瑷€浣滀负鏍囬鎻忚堪銆傚浜庣綉绔欎笉鍚岄〉闈itle鐨勫畾涔夊彲浠ヨ缃涓嬶細棣栭〉锛氱綉绔欏悕绉版彁渚涙湇鍔′粙缁嶆垨浜у搧浠嬬粛鍒楄〃椤碉細鍒楄〃鍚嶇О_缃戠珯鍚嶇О鏂囩珷椤碉細鏂囩珷鏍囬_鏂囩珷鍒嗙被_缃戠珯鍚嶇О濡傛灉鏂囩珷鏍囬涓嶆槸寰堥暱锛岃繕鍙互澧炲姞閮ㄥ垎鍏抽敭璇嶆潵鎻愰珮缃戦〉鐨勬绱㈤噺锛屽鏂囩珷title_ 鍏抽敭璇峗缃戠珯鍚嶇О渚嬪鏌愪釜鍗氬鐨勫悕绉颁负鏋侀檺鍓嶇锛岄偅涔堝叾棣栭〉鐨則itle灏卞彲浠ュ涓嬬紪鍐欙細<!-- 涓嶅ソ鐨則itle璁剧疆--><title>鏋侀檺鍓嶇</title><title>鏋侀檺鍓嶇_ front end</title><!-- 鑹ソ鐨則itle璁剧疆--><title>鏋侀檺鍓嶇_棣栭〉_ 鍓嶇鎶€鏈煡璇哶鏌愭煇鏌愮殑鍗氬</title>keywords鐨勪紭鍖杒eywords鏄洰鍓嶇敤浜庨〉闈㈠唴瀹规绱㈢殑杈呭姪鍏抽敭瀛椾俊鎭紝瀹规槗琚悳绱㈠紩鎿庢绱㈠埌锛屾墍浠ユ伆褰撶殑璁剧疆椤甸潰keywords鍐呭瀵逛簬椤甸潰鐨凷EO涔熸槸寰堥噸瑕佺殑锛岃€屼笖keywords鏈韩鐨勪娇鐢ㄤ篃姣旇緝绠€鍗曘€俤escription浼樺寲鍦ㄦ悳绱㈠紩鎿庢绱㈢粨鏋滀腑锛宒escription 鏇撮噸瑕佺殑浣滅敤鏄綔涓烘悳绱㈢粨鏋滅殑鎻忚堪锛岃€屼笉鏄綔涓烘潈鍊艰绠楃殑閲嶈鍙傝€冨洜绱犮€俤escription 鐨勯暱搴﹀湪妗岄潰娴忚鍣ㄩ〉闈腑涓€鑸负78涓腑鏂囧瓧绗︼紝绉诲姩绔负50涓紝瓒呰繃鍒欎細鑷姩鎴柇骞舵樉绀虹渷鐣ュ彿銆傚涓嬪畾涔塼itle銆乲eywords銆乨escription 姣旇緝鍚堥€傦細<!--涓嶅ソ鐨則itle. keywords銆?description浼樺寲璁剧疆--><title>鏋侀檺鍓嶇</title><meta name="keywords" content="鏋侀檺鍓嶇"><meta name="description" content="鏋侀檺鍓嶇"><!--鑹ソ鐨則itle. keywords銆?description浼樺寲璁剧疆--><title>鍓嶇鎼滅储寮曟搸浼樺寲鍩虹_鏋侀檺鍓嶇_鍓嶇鎶€鏈煡璇哶鏌愭煇鏌愮殑鍗氬</title><meta name="keywords" content="鐜颁唬鍓嶇鎶€鏈? 鍓嶇椤甸潰SEO浼樺寲, 鏋侀檺鍓嶇, 鏌愭煇鏌愮殑鍗氬"><meta name="description" content="鏈珷璁茶堪浜嗗墠绔悳绱㈠紩鎿庝紭鍖栧熀纭€瀹炶返鎶€鏈€?>璇箟鍖栨爣绛剧殑浼樺寲title銆乲eywords. description 鐨勮缃椤甸潰SEO鍏锋湁閲嶈鎰忎箟锛屼絾闄や簡椤甸潰title銆乲eywords銆乨escription澶栵紝杩樻湁椤甸潰缁撴瀯璇箟鍖栬璁★紝鍥犱负鎼滅储寮曟搸鍒嗘瀽椤甸潰鍐呭鏃跺彲浠ヨВ鏋愯涔夊寲鐨勬爣绛炬潵鑾峰彇鍐呭锛屽苟璧嬩簣鐩稿叧鐨勬潈閲嶏紝鍥犳璇箟鍖栫粨鏋勭殑椤甸潰灏辨瘮鍏ㄩ儴涓?lt;div>鏍囩鍏冪礌甯冨眬鐨勯〉闈㈡洿瀹规槗琚绱㈠埌銆備娇鐢ㄥ叿鏈夎涔夊寲鐨凥TML5鏍囩缁撴瀯濡傛灉椤甸潰鍏煎鎬ф潯浠跺厑璁革紝灏介噺浣跨敤HTML5璇箟鍖栫粨鏋勬爣绛俱€備娇鐢?lt;header>銆?<nav>銆?<aside>銆?<article>銆?<footer>绛夋爣绛惧鍔犻〉闈㈢殑璇箟鍖栧唴瀹癸紝鍙互璁╂悳绱㈠紩鎿庢洿瀹规槗鑾峰彇椤甸潰鐨勭粨鏋勫唴瀹广€傚敮涓€鐨凥1鏍囬寤鸿姣忎釜椤甸潰閮芥湁涓€涓敮涓€鐨?lt;h1>鏍囬锛?浣嗕竴鑸?lt;h1>鍐呭骞朵笉鏄綉绔欑殑鏍囬銆?lt;h1>浣滀负椤甸潰鏈€楂樺眰绾х殑鏍囬鑳藉鏇村鏄撹鎼滅储寮曟搸鏀跺綍锛屽苟璧嬩簣椤甸潰鐩稿杈冮珮鏉冮噸鐨勫唴瀹规弿杩般€備竴鑸缃椤电殑<h1>鏍囬涓虹珯鐐瑰悕绉帮紝鍏朵粬鍐呴〉鐨?lt;h1>鏍囬鍒欏彲浠ヤ负鍚勪釜鍐呴〉鐨勬爣棰橈紝濡傚垎绫婚〉鐢ㄥ垎绫荤殑鍚嶅瓧銆佽鎯呴〉鐢ㄨ鎯呴〉鏍囬绛夈€傚洜涓篠EO鐨勯渶瑕侊紝搴旇灏介噺淇濊瘉鎼滅储寮曟搸鎶撳彇鍒扮殑椤甸潰鏄湁鍐呭鐨勶紝浣嗘槸浠JAX鎶€鏈疄鐜扮殑SPA搴旂敤鍦⊿EO涓婁笉鍏锋湁浼樺娍锛屽洜姝よ灏介噺閬垮厤杩欐牱鐨勯〉闈㈠疄鐜版柟寮忋€?lt;img>娣诲姞alt灞炴€т竴鑸姹?lt;img>鏍囩蹇呴』璁剧疆 alt灞炴€э紝杩欐牱鏇存湁鍒╀簬鎼滅储寮曟搸妫€绱㈠嚭鍥剧墖鐨勬弿杩颁俊鎭€俇RL瑙勮寖鍖栫粺涓€缃戠珯鐨勫湴鍧€閾炬帴锛歨ttp://www.domain.comhttp://domain.comhttp://www.domain.com/index.htmlhttp://domain. com/index.html浠ヤ笂鍥涗釜鍦板潃閮藉彲浠ヨ〃绀鸿烦杞埌鍚屼竴涓珯鐐圭殑棣栭〉锛岃櫧鐒朵笉浼氬鐢ㄦ埛璁块棶閫犳垚浠€涔堥夯鐑︼紝浣嗗浜庢悳绱㈠紩鎿庢潵璇存槸鍥涙潯缃戝潃骞朵笖鍐呭鐩稿悓銆傝繖绉嶆儏鍐垫湁鍙兘浼氳鎼滅储寮曟搸璇涓烘槸浣滃紛鎵嬫锛屽彟澶栧綋鎼滅储寮曟搸瑕佽鑼冨寲缃戝潃鏃讹紝闇€瑕佷粠杩欎簺閫夋嫨涓寫涓€涓綔涓轰唬琛紝浣嗘槸鎸戠殑杩欎釜涓嶄竴瀹氭槸鏈€濂界殑锛屽洜姝ゆ垜浠渶濂界粺涓€鎼滅储寮曟搸璁块棶椤甸潰鐨勫湴鍧€锛屽惁鍒欏彲鑳藉奖鍝嶇綉绔欏叆鍙ｆ悳绱㈢粨鏋滅殑鏉冮噸銆?01璺宠浆濡傛灉URL鍙戠敓鏀瑰彉锛屼竴瀹氳浣挎棫鐨勫湴鍧€301鎸囧悜鏂扮殑椤甸潰锛屽惁鍒欐悳绱㈠紩鎿庝細鎶婂師鏈夌殑杩欎釜URL褰撲綔姝婚摼澶勭悊锛屼箣鍓嶅畬鎴愮殑椤甸潰鍐呭鏀跺綍鏉冮噸鐨勫伐浣滃氨閮藉け鏁堜簡銆俢anonical褰撹椤甸潰鏈変笉鍚屽弬鏁颁紶閫掔殑鏃跺€欙紝鏍囩灞炴€т篃鍙互璧峰埌鏍囪瘑椤甸潰鍞竴鎬х殑浣滅敤锛屼緥濡備互涓嬩笁涓湴鍧€銆俤omain.com/index.htmldomain.com/index.html?from=123domain.com/index.html?from=456鍦ㄦ悳绱㈠紩鎿庝腑锛屼互涓婁笁涓湴鍧€鍒嗗埆琛ㄧず涓変釜椤甸潰锛屼絾鍏跺疄鍚庨潰涓や釜涓€鑸〃绀洪〉闈㈣烦杞殑鏉ユ簮锛屾墍浠ヤ负浜嗙‘淇濊繖涓変釜鍦板潃涓哄悓涓€涓〉闈紝寰€寰€鍦?lt;head>涓婂姞涓奵anonical澹版槑锛屽憡璇夋悳绱㈠紩鎿庡湪鏀跺綍椤甸潰鏃跺彲浠ユ寜鐓ц繖涓猦ref鎻愪緵鐨勯〉闈㈠湴鍧€鍘诲鐞嗭紝鑰屼笉鏄皢姣忎釜鍦板潃閮界嫭绔嬪鐞嗐€?lt;link rel="cononical" href="//:domain. com/index.html" />robotsrobots.txt鏄綉绔欑珯鐐圭敤鏉ラ厤缃悳绱㈠紩鎿庢姄鍙栫珯鐐瑰唴瀹硅矾寰勭殑涓€绉嶆帶鍒舵柟寮忥紝鏀剧疆浜庣珯鐐规牴鐩綍涓嬨€傛悳绱㈠紩鎿庣埇铏闂綉绔欐椂浼氳闂畆obots.txt鏂囦欢锛宺obots.txt鍙互鎸囧鎼滅储寮曟搸鐖櫕绂佹鎶撳彇缃戠珯鏌愪簺鍐呭鎴栧彧鍏佽鎶撳彇鍝簺鍐呭锛岃繖灏变繚璇佷簡鎼滅储寮曟搸涓嶆姄鍙栫珯鐐逛腑涓存椂鎴栦笉閲嶈鐨勫唴瀹癸紝淇濊瘉缃戠珯鐨勪富瑕佸唴瀹硅鎼滅储寮曟搸鏀跺綍銆俿itemapsitemap鏍煎紡涓€鑸垎涓篐TML鍜孹ML涓ょ锛屽懡鍚嶅彲浠ヤ负sitemap.html鎴杝itemap.xml锛屼綔鐢ㄦ槸鍒楀嚭缃戠珯鎵€鏈夌殑URL鍦板潃锛屾柟渚挎悳绱㈠紩鎿庡幓閫愪釜鎶撳彇缃戠珯鐨勯〉闈紝澧炲姞缃戠珯椤甸潰鍦ㄦ悳绱㈠紩鎿庝腑鐨勭殑鏇濆厜閲忋€傚叧浜嶴EO鐨勫唴瀹规湁寰堝锛岃繖閲屽彧鏄畝鍗曟彁浜嗕竴浜涘疄闄呭紑鍙戜腑鍙兘娑夊強鐨勯儴鍒嗐€傚叧浜庡唴澶栭摼銆佹潈閲嶃€佸唴瀹圭粨鏋勩€佸唴瀹瑰缓璁剧瓑鍜岀紪鐮佸熀鏈病鍟ュ叧绯荤殑锛屽氨娌℃湁璇翠簡銆傚墠绔崗浣滃墠绔妧鏈秹鍙奤I鐣岄潰銆佹暟鎹睍绀恒€佺敤鎴蜂氦浜掔瓑瀹炵幇锛屽洜姝や笉鍙伩鍏嶅湴瑕佸拰鍥㈤槦鍏朵粬鎴愬憳杩涜鍗忎綔娌熼€氾紝濡備骇鍝佺粡鐞嗐€乁I璁捐甯堛€佷氦浜掕璁″笀銆佸悗鍙板伐绋嬪笀銆佽繍缁村伐绋嬪笀绛夈€傚墠绔富瑕佸崗浣滅殑鍐呭鏈夛細鍜屼骇鍝佺粡鐞嗭細涓昏鍏虫敞闇€姹傛槸鍚︽槑纭紝鎶€鏈柟妗堟槸鍚﹀彲琛岋紝闇€姹傛€т环姣旀槸鍚﹂珮锛屾槸鍚︽湁绠€鍗曠殑鍙帴鍙楃殑鏇夸唬鏂规锛岄渶姹傚彉鏇寸殑褰卞搷绛夈€傚拰鍚庣宸ョ▼甯堬細涓昏鍏虫敞鏁版嵁鎺ュ彛瀹氫箟锛岀嚎涓婇棶棰樺畾浣嶏紝鎺ュ彛璋冭瘯绛夈€傚拰UI璁捐甯堬細涓昏鍏虫敞璁捐鍥炬槸鍚﹀鏄撳疄鐜帮紝浣跨敤浠€涔堟牱鐨勭粍浠讹紝鎿嶄綔杩囩▼涓殑浜や簰鍜屽姩鐢绘晥鏋滅瓑銆傚拰杩愮淮宸ョ▼甯堬細涓昏鍏虫敞濡備綍涓婄嚎锛岀幆澧冮厤缃瓑銆傛敞鎰忓湪鍗忎綔杩囩▼涓笉瑕佹鎵撳悓浜嬨€?/p>
