Menu

提早看看 internet explorer 9 的開發過程與改進

chart of which IE subsystems different websites spend their time in. The chart shows that each site has a very different allocation of which subsystems they spend time in.

在今天的PDC,除了顯示了一定的進展性能和操作標準,我們說明了如何將IE瀏覽器和Windows的力量,使PC硬件提供給網頁開發人員在瀏覽器 中。具體來說,我們展示了硬件加速渲染的所有圖形和文字的網頁,其他瀏覽器的東西沒有做了。網站開發人員將提高性能和其他利益而無需重新編寫他們的網站。

 

性能上的進步

瀏覽器性能涉及很多不同的子系統在瀏覽器內。不同的網站-和不同的活動在同一網站內-進行不同負荷,並要求在瀏覽器上。

例如,兩個新聞網站可能類似於一個用戶,但有很不同的性能特點。由於發展商如何撰寫的網站,一個網站可能花費其大部分時間在JavaScript和 DOM的引擎,而其他網站可能花費的時間大部分在佈局和渲染。一個網站,更是一個「應用程序」,超過一頁(如基於網絡的電子郵件,或 辦公網絡應用服務)可以行使的瀏覽器子系統,完全不同的方式取決於用戶的操作。

下面的圖表顯示了不同地點的時間花費在不同的子系統的IE瀏覽器。例如,它表明,一個主要的新聞網站花費其大部分時間在腳本引擎和編組,而另一花費其大部分時間在腳本和渲染,和Excel Web應用程序花費很少的時間運行的講稿。

chart of which IE subsystems different websites spend their time in. The chart shows that each site has a very different allocation of which subsystems they spend time in.

請注意,此圖顯示的百分比的總時間在每個子系統,而不是站點之間的相對時間。它著重於剛的主要瀏覽個子系統,不包括「框架」功能(如反網絡釣魚), 或第三方軟件的運行過程中的IE瀏覽器(如工具欄或控制,就像閃光)。它還指出網絡的因素,因為這取決於用戶的網絡速度。還要注意的是一個網站的文件能夠 改變整個場景,例如,在Excel Web應用程序配置文件加載文件是完全不同的配置文件,選擇部分表。

腳本引擎只是其中一個瀏覽器子系統。有許多基準腳本的性能。一個共同的測試腳本的表現是 蘋果的WebKit團隊的SunSpider測試。下面的圖表顯示了相對表現不同的瀏覽器在同一台計算機上運行的SunSpider測試。

chart of IE, FF, Chrome and Safari performance of Sunspider test. The IE9 results on sunspider are competitve with FF 3.6, Chrome4 and the nightly webkit build.

除了IE7和目前的「最終版」版本的主流瀏覽器,我們提供了最新的預發行「正在開發」構建的主流瀏覽器。我們只是在大約一個月後,IE8的一部分發佈的Windows 7的推出,以及IE瀏覽器的版本正在開發不再是一個異常。

值得注意的是,一旦這種差異很小,其他子系統,有助於性能變得更加重要,感知的差異可能難以對現實世界的站點。儘管如此,我們一直致力於提高腳本的性能。

我們正在考慮的性能特點 全部 瀏覽器子系統為現實世界的網站使用。我們的目標是提供更好的性能,全面真實世界的網站,而不僅僅是基準。

 

web標準支援方面的進展

我們的重點是提供豐富的功能-那些大多數開發人員需要使用-在一個可互操作的方式。開發人員希望更多的功能在瀏覽器中建立強大的應用和經驗,他們希望他們 能夠在一個可互操作的方式,使他們沒有重新編寫和重新測試他們的網站一次又一次。這些標準的過程提供了一個良好的手段實現這一目標。

作為工程師,當我們想要評估進展情況,我們開發一個測試套件,演習的廣度和深度的功能。隨著IE8的,我們發表了高度互操作性的實施對CSS 2.1和捐款超過7200測試了W3C。標準不包括驗證測試,更難以實現持續,更難以網站開發依賴。

一些標準測試-如Acid3 -已成為廣泛使用的速記的標準,甚至有些 缺點。 Acid3測試方面,約100多種不同的技術(許多仍處於「工作草圖」階段的標準化),其中包括許多邊緣案件和錯誤條件。下面是最新版本的IE9運行Acid3:

screen shot of ACID3 test showing a score of 32.

正如我們在IE改善支持該網站的技術開發人員使用,比分會繼續上升。更有意義(從觀點的網頁開發人員)標準的支持,例如涉及圓角。這裡的IE9圖紙圓角,隨著底層標高:

screenshot of a box with rounded corners. each corner is rounded differently.

另一個例子標準的支持,Web開發人員的事項是CSS3選擇器。這裡有一個測試頁,有些人在Web開發社區的放在一起 css3.info,它是一個很好的例子了更詳盡的測試,一個顯示的一些進展,我們已經取得了自發佈IE8的:

screenshot of css3.info test page showing many passing test cases.

社區測試工作這樣可以有所幫助。最終,我們希望與社會人士和W3C和其他成員的工作組,以確定真正的驗證測試套件,像一個我們都在一起工作的CSS 2.1,為這一問題的標準向開發。例如,此 鏈接 測試之一HTML5存儲API,某些瀏覽器(包括IE8的)今天支持,而另一些則沒有。

我們的工作在這裡,無論在產品和測試套件,是一個達到目的的手段:豐富的可互操作的平台,開發人員可以依靠。

 

讓web開發者可以享受gpu硬體加速的好處

在PC平台和生態系統,視窗實現驚人的硬件創新。該瀏覽器應該是一個地方的好處,硬件創新彪炳網絡開發人員。

我們正在改變IE瀏覽器來使用DirectX家庭的Windows API,使許多進步的Web開發人員。出發點是移動所有圖形和文字渲染從CPU到顯卡使用Direct2D和DirectWrite。圖形硬件加速意味著 富國,圖形密集的場所,可以使速度,同時使用更少的CPU。 (這次採訪 包括屏幕捕捉的幾個例子。)現在,網頁開發人員可以利用硬件系統的進步,圖形,同時繼續作者站點具有相同的操作標準模式,他們已經習慣了。

除了更好的性能,這項技術的轉變也提高質量和可讀性的字體與亞像素定位:

96點Gabriola在聯想的ThinkPad X61放大100%使用GDI(注鋸齒):

text "Direct2D" in 96pt Gabriola font using GDI rendering. The rendering looks somewhat jagged.

96點Gabriola在聯想的ThinkPad X61在100%縮放:Direct2D(無鋸齒):

text "Direct2D" in 96pt Gabriola font using Direct2D rendering. The rendering looks much smoother than how it is rendered in GDI.

上週,第9頻道採訪的幾個工程師的團隊。你可以找到影片的訪談在這裡:

簡介及操作標準

早看腳本引擎

硬件加速的圖形和文字在瀏覽器中通過Direct2D

雖然我們目前仍然在產品週期,我們要清楚的是發展我們的做法和所取得的進展至今。我們正在實施的反饋意見的IE8的產品週期,我們正在致力於提供另一個版本的IE瀏覽器。