首頁 php教程 php手册 晋城吧对DiscuzX进行的前端优化要点

晋城吧对DiscuzX进行的前端优化要点

Jun 13, 2016 pm 12:13 PM
最佳化 前端 基本 版本 確定 重點

最近,康盛的DX版本基本确定,至少短期内不会大变了,因此,我对晋城吧的整站进行了前端优化,把自己 所做的操作记录下来,一是有个记录,防止忘掉,二是和网上的朋友们共享下自己的心得。

前端优化 推荐工具

火狐浏览器+Yslow+google pagespeed+Firebug 具体下载地址 请自行百度

一、DX后台 及DIY的优化

1.首页DIY避免过多层的嵌套

DX的每一个框架都会产生非常多非常多非常多的 代码。我的首页已经尽可能简单了,结果光 DOM 有1600+,囧死我了。

所以,尽可能不要用过多的框架嵌套

2.避免过多的用户头像调用

首页的会员调用是使用重定向的,会减慢网页的速度,UCenter倒是能改为伪静态,但是目前是有BUG的,没有自定义头像 的会员头像是无法显示的

3.打开Gzip

在网站后台 或者到config.php文件 将Gzip打开

4.背景图尽可能重复利用,减少背景图的数量

各个栏目的背景图尽可能一样,这样可以重复利用图片,要找到美观和速度之间的平衡,这一条,我其实也还在不断的尝试 中,这里推荐监控宝的服务器访 问速度跟踪,可以全局掌握自己网站被用户访问时的速度状况。

5.打开并设置好后台的各种优化和缓存

关于这方面的资料很多,我就不在这里浪费时间了,(被pia飞~~~)

二、代码 及空间优化

1.利用minify压缩合并js

DX的CSS 基本合并的很好,一个页面一到2个,但是JS就很多了。打开你的模板的common目录的header.htm,看到么。密密麻麻的js ,而过 多的文件会造成连接过多,减慢速度。

这里我们利用minify将其合并 压缩 缓存

首先,下载minify的压缩包,解压,将min文件夹上传到网站根目录。

然后修改2个文件:

1.min 文件夹下的groupsConfig.php

   /**
   * Groups configuration for default Minify implementation
   * @package Minify
   */
   /**
   * You may wish to use the Minify URI Builder app to suggest
   * changes. http://yourdomain/min/builder/
   **/
  return array(

在上边的代码后边加上如下的代码

    'portal' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js', '//static/js/portal.js'),

               'forum' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js'),

                'home' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/home_cookie.js', '//static/js/home_common.js', '//static/js/home_face.js', '//static/js/home_manage.js'),

                    'userapp' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js', '//static/js/home_common.js'),

2.修改模板的header.htm

什么??这个文件在哪里????我被你们打败了。。

修改如下 ,将第一段代码 替换为第二段


                   
                   
                           
                   
                          
                           
                           
                           
                  
                         
                  
                          
                  
                  
                          
                  
                   {subtemplate common/css_diy}

替换为


                          
                   
                           
                   
                           
                   
                           
                   
                  
                          
                  
                   {subtemplate common/css_diy}

打开晋城吧首页,点开源代码 ,看看 开头 的 head 里的 js 是不是少了很多啊

2.修改图片、flash、css、js的缓存时间

为上述东东设置缓存一个长长的缓存时间。比如1年,那么在第一次访问后,用户在这一年中都不用下载背景图,flash,css,js 。当然前提是你没有修改

方法 是修改网站根目录.htaccess文件

加入如下代码


   
    Header set Cache-Control "max-age=43200″
   

    #cache css, javascript and text files for one week
  
    Header set Cache-Control "max-age=604800″
   

    #cache flash and images for one month
  
   Header set Cache-Control "max-age=2592000″
 

   #disable cache for script files
  
   Header unset Cache-Control
  

  

三、总结

恩,暂时的优化就是这些,通过这些优化,晋城吧 的yslow评分从50 D 上升到80+ B ,有些页面的评分为90+ A.总体还是很有效果的。

如果你需要转发此文,还请保留晋城吧链 接,如果能帮忙做个友链,那就太感谢了。。。

附上一些网站在07年Yslow的评分

Amazon     D

AOL        F

CNN        F

eBay       C

Google     A

MSN        F

MySpace    D

Wikipedia  C

Yahoo!     A

YouTube    D

作者:晋城吧

文章来源:http://www.jincheng8.com.cn/thread-303-1-1.html

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
大模型一對一戰鬥75萬輪,GPT-4奪冠,Llama 3位列第五 大模型一對一戰鬥75萬輪,GPT-4奪冠,Llama 3位列第五 Apr 23, 2024 pm 03:28 PM

關於Llama3,又有測試結果新鮮出爐-大模型評測社群LMSYS發布了一份大模型排行榜單,Llama3位列第五,英文單項與GPT-4並列第一。圖片不同於其他Benchmark,這份榜單的依據是模型一對一battle,由全網測評者自行命題並評分。最終,Llama3取得了榜單中的第五名,排在前面的是GPT-4的三個不同版本,以及Claude3超大杯Opus。而在英文單項榜單中,Llama3反超了Claude,與GPT-4打成了平手。對於這一結果,Meta的首席科學家LeCun十分高興,轉發了推文並

解讀PHP版本NTS的意思與差異 解讀PHP版本NTS的意思與差異 Mar 27, 2024 am 11:48 AM

PHP版本NTS的意思與差異PHP是一種流行的伺服器端腳本語言,廣泛應用於Web開發領域。 PHP有兩個主要的版本:ThreadSafe(TS)和Non-ThreadSafe(NTS)。在PHP的官方網站上,我們可以看到兩個不同的PHP下載版本,分別是PHPNTS和PHPTS。那麼,PHP版本NTS是什麼意思呢?它和TS版本有什麼差別呢?接下來,

抖音怎麼看版本 抖音怎麼看版本 Apr 15, 2024 pm 12:06 PM

1.開啟抖音app,點選右下角的【我】,進入個人頁面。 2.點選右上角的【三條槓】圖標,在彈出的選單列中選擇【設定】選項。 3.在設定頁中,下滑至底部,即可查看目前抖音的版本號資訊。

C++ 程式最佳化:時間複雜度降低技巧 C++ 程式最佳化:時間複雜度降低技巧 Jun 01, 2024 am 11:19 AM

時間複雜度衡量演算法執行時間與輸入規模的關係。降低C++程式時間複雜度的技巧包括:選擇合適的容器(如vector、list)以最佳化資料儲存和管理。利用高效演算法(如快速排序)以減少計算時間。消除多重運算以減少重複計算。利用條件分支以避免不必要的計算。透過使用更快的演算法(如二分搜尋)來優化線性搜尋。

Go語言前端技術探秘:前端開發新視野 Go語言前端技術探秘:前端開發新視野 Mar 28, 2024 pm 01:06 PM

Go語言作為一種快速、高效的程式語言,在後端開發領域廣受歡迎。然而,很少有人將Go語言與前端開發聯繫起來。事實上,使用Go語言進行前端開發不僅可以提高效率,還能為開發者帶來全新的視野。本文將探討使用Go語言進行前端開發的可能性,並提供具體的程式碼範例,幫助讀者更了解這一領域。在傳統的前端開發中,通常會使用JavaScript、HTML和CSS來建立使用者介面

抖音矩陣管理系統推薦哪個版本好?矩陣式行銷該如何做呢? 抖音矩陣管理系統推薦哪個版本好?矩陣式行銷該如何做呢? Mar 21, 2024 pm 03:50 PM

隨著抖音的火爆,越來越多的企業和個人開始利用抖音進行行銷。抖音矩陣管理系統作為抖音行銷的重要工具,也受到了廣泛關注。那麼,抖音矩陣管理系統推薦哪個版本好呢?本文將為你解答這個問題,並介紹抖音矩陣式行銷的玩法。一、抖音矩陣管理系統推薦哪個版本好?抖音矩陣管理系統有許多版本,目前市面上比較熱門的有以下幾個版本:抖音官方版的矩陣管理系統是專為有一定營運經驗和預算的企業設計的,可以實現多帳號管理、數據分析和素材庫等功能。這個系統提供了一種高效的方式來管理抖音帳號,並幫助企業更好地了解其營運數據,從而更好

蘋果 Vision Pro 迎來重大更新,visionOS 1.3 RC 版本發布 蘋果 Vision Pro 迎來重大更新,visionOS 1.3 RC 版本發布 Jul 25, 2024 pm 04:25 PM

7月24日消息,蘋果近日向VisionPro頭顯用戶推送了備受期待的visionOS1.3RC版本更新,這項更新標誌著蘋果在虛擬實境領域的持續創新與進步。儘管官方並未明確透露此次更新的具體內容,但用戶普遍預期將包括效能優化、功能改進以及錯誤修復。本次更新的內部版本號為21O771,距離上次更新已過141天。不過,由於蘋果各區域節點伺服器配置快取問題,部分使用者可能會遇到升級更新的延遲現象。蘋果建議用戶在安裝更新前進行資料備份,確保資訊安全。 1.VisionPro用戶可透過裝置上的"

最適合Win7的Office版本推薦(完美相容Win7系統) 最適合Win7的Office版本推薦(完美相容Win7系統) May 30, 2024 pm 05:24 PM

許多用戶紛紛考慮升級到Windows10作業系統、隨著微軟宣布不再為Windows7提供安全性更新和技術支援。仍有相當一部分使用者仍選擇堅守Win7系統,並尋找適合​​該系統的辦公室軟體,然而。幫助使用者提升辦公室效率,本文將介紹幾款最適合Win7系統的Office版本。 1.Office2010:穩定性與相容性的完美結合2.Office2013:介面優化與實用功能的升級3.Office2016:跨平台協作與雲端儲存的新特性4.OfficeOnline:輕巧、免費、隨時隨地的線上辦公室5 .WPSOffice:

See all articles