【原創】用事實說話，Firefox 的性能是 Chrome 的 2 倍，Edge 的 4 倍，IE11 的 6 倍！

時間 2019-11-05

標籤原創事實說話 firefox 性能 chrome edge ie11 欄目 Firefox 简体版

原文原文鏈接

前言

每一個瀏覽器新版本發佈，都號稱性能有顯著提高，而且市面有各類測試工具，測試結果也是截然不同，好比下面這篇文章：html

https://www.oschina.net/news/97924/browser-benchmark-battle瀏覽器

測試結果就頗有意思，請看下以下兩幅截圖：工具

一言以蔽之：Google 的測試引擎 Chrome 勝，Mozilla 的測試引擎 Firefox 勝！post

這樣的測試結果難免讓人大跌眼鏡，這裏面的水分也很多阿，至少對自家的瀏覽器有優化來着。性能

公平的比賽

最近在優化 FineUIPro 的表格性能，通常來講表格行數在 100 條以內都不會有問題。但爲了性能調校，咱們將表格行增長到 500 多行，列增長到 20 多列，而且行高不固定，來測試下各個瀏覽器的性能。測試

測試使用的電腦是 MacBook Pro 筆記本（英特爾 i7-8750H，32GB內存，512GB SSD），單獨拆分出一個新的 256GB 分區用來安裝 Windows 10 Pro（64位）系統，並更新至最新補丁。優化

參與測試的瀏覽器都是最新版，分別爲：ui

Chrome 75
Firefox 68
Edge 44
IE11

測試頁面代碼以下：spa

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>
        var __STARTTIME = new Date();
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <f:PageManager ID="PageManager1" AutoSizePanelID="Grid1" runat="server" />
        <f:Grid ID="Grid1" IsFluid="true" CssClass="blockpanel" Margin="20px" ShowBorder="true" ShowHeader="true" Title="表格（23列，500行，行高不一樣）" 
            EnableCollapse="false" runat="server" DataKeyNames="Id" EnableCheckBoxSelect="true" KeepCurrentSelection="true">
            <Columns>
                <f:RowNumberField />
                <f:BoundField Width="80px" DataField="ID" HeaderText="標識" />
                <f:BoundField Width="100px" DataField="Name" HeaderText="姓名" />
                ......
            </Columns>
            <Listeners>
                <f:Listener Event="render" Handler="onGridRender" />
            </Listeners>
        </f:Grid>
    </form>
    <script>
        function onGridRender() {
            
            F.ui.Grid1.setTitle('表格（23列，500行，行高不一樣） - 渲染：' + 
                ((new Date() - __STARTTIME) / 1000).toFixed(2));
            
        }
    </script>
</body>
</html>