• Strona główna
  • Curriculum Vitae
  • O mnie
  • Przykład: Gramatyka w PHP
  • Przykład: Kompresja CSS
  • Przykład: Kompresja JavaScript
  • Przykład: Skracanie linków
  • Przykład: Wykrywanie serwera HTTP
  • Przykład: Własna bramka SMS
  • Mapa strony
  • Kontakt
Niebieski Pomarańczowy Zielony Różowy Fioletowy

10-krotnie szybszy Internet Explorer!

Opublikowane 16 maja 2013. Autor: Kamil Brenk. Wizyt: 1 886.

Kategorie: Front-end Development
Tematyka: Chrome Frame, HTML5, Internet Explorer, JavaScript, WebKit

Maj 16

Sprawdź co musisz zrobić, by nawet 10-krotnie przyśpieszyć Internet Explorer i tym samym ułatwić życie użytkownikom odwiedzającym Twoją stronę.

…oczywiście to prowokacja. Internet Explorer w starszych wersjach to twór, który nie stał obok przeglądarki i nic tego nie zmieni. Jedynym rozsądnym wyjściem jest zainstalowanie nowoczesnej przeglądarki.

Jak ułatwić życie posiadaczom Internet Explorera w starszych wersjach?

Na szczęście jest pewne rozwiązanie mogące złagodzić ból użytkowania tego tworu w wersji 9 i niższych. Mowa tutaj o nakładce na Internet Explorer, Google Chrome Frame, o której kiedyś wspominałem na blogu, lecz wzmianka ta nie doczekała się dokładniejszego omówienia.

Google Chrome Frame to plugin, dzięki któremu będziesz mógł wyświetlać wybrane strony przy użyciu silnika WebKit (renderowanie layoutu) oraz V8 (wykonywanie JavaScriptu). To zaś pozwoli przyśpieszyć przeglądanie Internetu i wykonywanie JavaScriptu nawet 10-krotnie (podobno), a także używać wielu nowoczesnych funkcjonalności wprowadzonych wraz z HTML5.

Pewnie myślisz, dlaczego ktoś miałby instalować Google Chrome Frame zamiast nowoczesnej przeglądarki jak Chrome bądź też Firefox? Dobre pytanie. Na tym bowiem polega cała magia tego rozwiązania, gdyż Google Chrome Frame nie wymaga uprawnień administratora do instalacji :-) Zatem pracownik korporacji (bądź też inna osoba) zmuszana do korzystania z IE w starszej wersji ma możliwość przejścia na nowszy silnik do przeglądania Internetu na dowolnym komputerze, niezależnie od uprawnień.

Twoja rola w zbawianiu pokrzywdzonych

Aby strona została uruchomiona na silniku WebKita, Ty – jako twórca strony, musisz pozwolić na taką operację. Nic Cię to nie kosztuje, wystarczy dodać niniejszą linijkę kodu do sekcji HEAD dokumentu:

1
<meta http-equiv="X-UA-Compatible" content="chrome=1">

Kod ten zadziała we właściwy sposób, niestety jednak nie przejdzie walidacji (W3C). Jest to skutkiem braku wartości X-UA-Compatible dla znaczników meta w specyfikacji HTML.

Aby Twój kod nie zwracał błędów w walidatorze W3C, możesz zdefiniować ten znacznik w ustawieniach konfiguracyjnych serwera (przykład w oparciu o Apache):

1
2
3
4
5
6
<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        BrowserMatch chromeframe gcf
        Header append X-UA-Compatible "chrome=1" env=gcf
    </IfModule>
</IfModule>

Jest to dodatkowym ułatwieniem, bowiem nie musisz definiować nowego znacznika meta dla każdej podstrony z osobna :-)

Na koniec tego krótkiego tekstu szybkie pytanie – czy stosujesz/stosowałbyś ten znacznik? W rozmowie z innym developerem usłyszałem argument, że nikt nie wie co to jakiś Chrome Frame, a jeśli już pracuje w korporacji to niech zabierze się za pracę i nie przegląda sieci :-) Warto / nie warto stosować?

Komentarze (6)

  1. SebaZ 16 maja 2013

    Pytanie jak „zmusić” użyszkodnika do odpalenia tego pluginu?

  2. Kamil Brenk 17 maja 2013

    @SebaZ: Niby jest na to sposób – http://www.chromium.org/developers/how-tos/chrome-frame-cfinstall (nie testowałem)

  3. bre 17 maja 2013

    a czy da sie zmusic by przegladarka uzywala zawsze tego pluginu nie szukajac znacznika? (dla niereformowalnych milosnikow ie?)

  4. Kamil Brenk 19 maja 2013

    @bre: niestety nie da, użytkownik musi zainstalować ten plugin. Czyli jeśli chcesz pisać strony bez wspierania starszych IE to masz do wyboru: próbować przekonać użytkownika do instalacji Chrome Frame lub po prostu go olać. Osobiście stosuję podejście nr 2, lecz jeszcze wspieram po części IE8, tzn. zachowuję funkcjonalność, ale olewam, że nie ma border-radius, box-shadow i innych „upiększaczy”.

  5. Michal 15 lipca 2013

    Czy przeglądarka portable nie byłaby lepszą alternatywą?

  6. Kamil Brenk 15 lipca 2013

    @Michal: A istnieje Chrome w wersji portable, tak by można odpalać bez uprawnień administracyjnych? Jeśli istnieje to jak najbardziej jest lepszą alternatywą :)



Kamil Brenk Blog

PHP, JavaScript, SQL, HTML

  • Informacje o blogu

    Kamil Brenk

    Blog o tworzeniu aplikacji na potrzeby sieci Web.

    Praktyczne przykłady, porady i sztuczki. PHP, SQL, AJAX, JavaScript, HTML i pochodne.

    Kanał RSS

    • Najnowsze
    • Komentarze
    • Popularne
    • Liczniki w CSS
    • Wyprzedaż książek o programowaniu!
    • Niestandardowy placeholder
    • JavaScript w modułach
    • Co dalej z blogiem?
    • Interaktywna mapa w HTML i CSS
    • Olsztyn: Jak wyseparować zawartość zassaną przez file_get_content?
    • ERMLAB: Od czegoś trzeba zacząć :) Wiele osób właśnie stawia na...
    • david: co nalezy wkleić na stronę aby plik ze stylami był ladowany...
    • krynicz: Nie jestem pewien czy dobrze to rozumiem: wpisujemy OG w...
    • yaro: Jak zmienić re_write znak "_" na "-"?
    • Piotr: stworzyłem prostą stronkę w PHP, czy jest możliwość aby...
    • MichalR: Super sprawa... bardzo przydatne.. dzieki i pozdrawiam..
    • Niestandardowe czcionki na stronie
    • Sposoby wczytywania JavaScript
    • Gramatyka w PHP, część 1
    • Umowa i zaliczka dla freelancera
    • Wysyłanie wiadomości SMS w PHP
    • Projekt aplikacji po stronie klienta
    • Własny mechanizm Feed
  • Szukajka
    Wpisz co chcesz wyszukać na stronie…
  • Kategorie
    • Apache
    • Freelancer
    • Front-end Development
    • HTML5 & CSS3
    • Inne
    • JavaScript
    • Książki
    • PHP
    • Po godzinach
    • Pozycjonowanie
    • Protokół HTTP
    • SQL
    • Wyrażenia regularne
  • Moje serwisy
    • Testy zawodowe
    • Miłość, uczucia i seks
  • Czytane blogi
    • Wojciech Sznapka
    • Wojciech Soczyński
    • Michał Wachowski
    • Tomasz Kowalczyk
    • Filip Górczyński
  • Strona główna
  • Curriculum Vitae
  • O mnie
  • Przykład: Gramatyka w PHP
  • Przykład: Kompresja CSS
  • Przykład: Kompresja JavaScript
  • Przykład: Skracanie linków
  • Przykład: Wykrywanie serwera HTTP
  • Przykład: Własna bramka SMS
  • Mapa strony
  • Kontakt

Kamil Brenk © 2010. All rights reserved.

Designed by FTL Wordpress Themes brought to you by Smashing Magazine.

Do góry ∧