{"id":321,"date":"2009-09-01T21:31:31","date_gmt":"2009-09-01T19:31:31","guid":{"rendered":"http:\/\/hjacob.com\/blog\/?p=321"},"modified":"2009-09-02T10:31:29","modified_gmt":"2009-09-02T08:31:29","slug":"opera-10-turbo-feature-und-mehr","status":"publish","type":"post","link":"https:\/\/hjacob.com\/blog\/opera-10-turbo-feature-und-mehr\/","title":{"rendered":"Opera 10 &#8211; Mit dem Turbo durchs Netz"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-3-150x150.png\" alt=\"Der Turbo ist dabei!\" title=\"Opera: Der Turbo ist dabei!\" width=\"150\" height=\"150\" class=\"floatright size-thumbnail wp-image-322\" \/>Heute ist die <a href=\"http:\/\/www.opera.com\/browser\/\" rel=\"external\">neue Version von Opera<\/a> erschienen und obwohl es im Vorfeld einige H\u00e4me gab (&#8222;Wer braucht noch Opera?&#8220;) waren die ersten Reaktionen durchweg positiv. Hier sind ein paar Gr\u00fcnde warum man dem Browser eine Chance geben sollte.<\/p>\n<p><!--more Was kann Opera 10?  --><\/p>\n<h2>First things first: Opera&#8217;s generelle St\u00e4rken<\/h2>\n<p>Opera ist f\u00fcr seine Innovationsfreude bekannt, kein anderer Browser kann der Art kreative Features bietet wie der altehrw\u00fcrdige Opera, allerdings litt (meiner Meinung nach) in der Vergangenheit die Hauptaufgabe, dem schnellen und korrekten Anzeigen von Webseiten, etwas unter dem Drang nach Neuem. Selbst in Version 10, die mit einer neuer Javascript-Engine bis zu 40% schneller bei Web-Applikationen sein soll, kommt Opera nicht ganz an den Speed von <a href=\"http:\/\/www.google.de\/chrome\" rel=\"external\">Google&#8217;s Chrome<\/a> heran. Aber daf\u00fcr gibt es jetzt den &#8222;Turbo&#8220;, der f\u00fcr Surfer mit einer langsamen Internetverbindung sehr praktisch und zeitsparend sein kann.<\/p>\n<h2>Die Turbo Option<\/h2>\n<p>Aktuell ist es Trend Webseiten f\u00fcr langsame Internetverbindungen zu optimieren, so arbeitet zB. Facebook aktuell an einer &#8222;Lite&#8220; Version, die die User in Indien und China zu mehr Klicks bewegen soll (= Seite l\u00e4dt schneller, User interagieren mehr \/ sind zufriedener). Diesen Gedanken hat auch der Opera 10 aufgegriffen und bietet den <b>Turbo Modus<\/b>. Klingt erstmal wie die omin\u00f6se Taste bei verdammt alten Rechnern, die im Endeffekt nie etwas gebracht hat &#8211; aber nein: Opera&#8217;s Turbo rockt! Mein erster Gedanke war, dass es lediglich ein Switch zur Gzip Aktivierung ist, was die meisten Browser schon seit langem unterst\u00fctzen &#8211; aber weit gefehlt: Operas Turbo l\u00e4dt die gew\u00fcnschten Seiten \u00fcber einen Umweg (einer Art Proxy) von einem speziellen Server, der die Bilder und Codes stark komprimiert, das Resultat ist zwar ein zus\u00e4tzlicher DNS Lookup, daf\u00fcr wird die Datenmenge merklich reduziert und die Ladezeit verk\u00fcrzt (konnte ich bei meiner aktuellen sehr langsamen DSL Leitung gut testen). Wer allerdings eine schnelle Verbindung hat, sollte diese Option besser deaktiviert lassen, denn dann kann die Proxy Variante durchaus auch mal l\u00e4nger brauchen, als wenn man alles direkt l\u00e4dt. Wer sich nicht sicher ist, ob er die Option aktivieren sollte oder nicht, kann auf die &#8222;Automatik&#8220; Variante zur\u00fcckgreifen &#8211; dann verwendet Opera die Komprimierung immer dann, wenn es sie f\u00fcr sinnvoll erachtet. Sehr praktisch gemacht.<\/p>\n<h2>Nerdige Suchmaschinen Syntax<\/h2>\n<p>Das was jetzt kommt ist mein Lieblingsfeature. Man kann Opera zeigen, welche Seiten man gerne benutzt und die (Onpage-) Suchtools dieser Seite mit Opera verkn\u00fcpfen. Alt? Kennt man schon? Nene, ich meine nicht das doofe Pulldown oben rechts, wo man erst mit der Maus ausw\u00e4hlen muss, welche Suchmaschine man denn nun benutzen will. Opera hat einen viel besseren Ansatz: Man ist auf einer Seite, klickt rechts auf das Suchfeld (dieser Seite) und w\u00e4hlt im Pulldownmenu (Rechtsklick) &#8222;Suche erstellen&#8230;&#8220; :<br \/>\n<a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-4.png\" rel='lightbox-opera' rel=\"Opera 10: Popup zum Erstellen eines Suchmaschinen K\u00fcrzels\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-4-300x108.png\" alt=\"Opera: Suche erstellen\" title=\"Opera: Suche erstellen\" width=\"300\" height=\"108\" class=\"aligncenter size-medium wp-image-323\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-4-300x108.png 300w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-4.png 967w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nDas besondere ist das &#8222;K\u00fcrzel&#8220;-Feld. Dort gibt meinen mindestens zwei Zeichen langen Tag ein, den man k\u00fcnftig f\u00fcr Suchanfrage an diese Seite verwenden m\u00f6chte, ich nehme in diesem Beispiel mal &#8222;ct&#8220; (weil Heise der Verlag der Computerzeitung &#8222;c&#8217;t&#8220; ist). Wenn ich fortan in Opera&#8217;s Adressfeld &#8222;ct Opera rockt&#8220; eingebe, wird der Browser automatisch nach &#8222;Opera rockt&#8220; auf heise.de suchen, so sieht das dann in etwa aus:<br \/>\n<a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-5.png\" rel='lightbox-opera' title=\"Opera 10: Die Suchmaschine l\u00e4\u00dft sich beliebig erweitern\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-5-300x24.png\" alt=\"Opera: Anpassbare Suchanfragen\" title=\"Opera: Anpassbare Suchanfragen\" width=\"300\" height=\"24\" class=\"aligncenter size-medium wp-image-324\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-5-300x24.png 300w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-5.png 653w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nWie gesagt, das geht mit allen Seiten. Ich habe dort spontan YouTube und Facebook eingerichtet, hier nochmal ein Screenie der verdeutlichen soll, wie super praktisch dieses Tool ist:<br \/>\n<a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-7.png\" rel='lightbox-opera' title=\"Ein Beispiel f\u00fcr die erweiterte Suche: Mit dem tag 'fb' kann ich Facebook durchsuchen\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-7-300x114.png\" alt=\"Opera: Facebook Suche\" title=\"Opera: Facebook Suche\" width=\"300\" height=\"114\" class=\"aligncenter size-medium wp-image-325\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-7-300x114.png 300w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-7.png 997w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nNat\u00fcrlich kann man jetzt sagen, dass es f\u00fcr Einzelf\u00e4lle (Youtube, Facebook, Twitter) eigene Widgets etc. auch f\u00fcr andere Browser gibt &#8211; das stimmt nat\u00fcrlich, diese Widgets gibts allerdings nicht f\u00fcr die kleine Seite von nebenan und m\u00fcllen au\u00dferdem unn\u00f6tig das Interface zu (imo). <\/p>\n<p>Jetzt wo ich dieses Feature so ausgiebig lobe, stelle ich fest, dass <b>Firefox dies ebenfalls bietet<\/b>. Gut zu wissen. Dort kann man es mit &#8222;Add a Keword for this Search&#8220; aktivieren. Supi.<\/p>\n<h2>Erweiterte Tab-Leiste<\/h2>\n<p><a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-8.png\" rel=\"lightbox-opera\" title=\"Vorschaubilder der offenen Tabs in Opera 10\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-8-300x52.png\" alt=\"Bild 8\" title=\"Bild 8\" width=\"300\" height=\"52\" class=\"aligncenter size-medium wp-image-326\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-8-300x52.png 300w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-8.png 789w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nCool oder? Wer will, kann die Tableiste nach unten ziehen und sieht dann zu jedem Tab ein Thumbnail. Super praktisch, gerade f\u00fcr Leute die am Fernseher surfen.<\/p>\n<h2>Integriertes Mail Programm<\/h2>\n<p>Ein Feature was ich nicht ganz nachvollziehen kann, aber vielleicht wurde es ja von der Community gew\u00fcnscht: Opera kommt von Haus aus mit integriertem Mail Programm, mit dem man Mails empfangen und verschicken kann. <\/p>\n<h2>Torrent Client<\/h2>\n<p>Auch einen Bittorrent Client bringt Opera von Haus aus mit. Wer keine Lust auf das Schwergewicht Vuze hat, findet mit Opera einen schlanken und reduzierten Downloadclient f\u00fcr die Torrent Files.<\/p>\n<h2>Gestures<\/h2>\n<p>Mittels bestimmten Mausbewegungen l\u00e4\u00dft sich der Browser komplett ohne zweite (Tastatur-) Hand steuern. Will man zum Beispiel zur\u00fcck zur vorherigen Seite springen, nimmt man entweder die linke Hand und dr\u00fcckt Backspace (ich als Coder tendiere das so zu tun, weil ich auf Shortcuts stehe), der Casual User f\u00e4hrt wahrscheinlich mit der Maus zu dem Zur\u00fcckpfeil des Browser, zielt etwas und nach ein paar Sekunden hauts dann hin mit dem Aufruf der alten Seite. Mit Gestures wird dieses Prozedere erleichtert, gerade f\u00fcr altersgebeutelte Silver Surfer die gerne mal daneben klicken, k\u00f6nnte das dies die Erl\u00f6sung sein. Als Gesture sieht das so aus: &#8222;Rechtsklick, Linksklick&#8220; und schon ist man auf der vorherigen Seite. Wirklich super schnell, allerdings kann es auch zu dem ein oder anderen Oops-Erlebnis kommen, wenn man eine Gesture aus Versehen ausf\u00fchrt &#8211; so ruft man z.B. mit &#8222;Linksklick, Rechtsklick&#8220; die vorherige Seite auf. <\/p>\n<h2>Weitere Usability Features<\/h2>\n<p>Den Alltag im Web will der neue Opera verbessern und dazu gibt es eine Vielzahl von kleinen und praktischen Tools, sei es die M\u00f6glichkeit direkt im Browser Notizen anzulegen (inkl. Link), oder der Passwortmanager, der auf Wunsch die Zugangsdaten f\u00fcr Webseiten speichert. Au\u00dferdem mit von der Partie sind ein RSS Reader und ein Formularmanager. Ich glaub das ist alles bis auf die Notizen mittlerweile Standard. Das kann man von dem &#8222;Geschlossene Tabs&#8220; Tool allerdings nicht sagen, damit sieht man welche Tabs k\u00fcrzlich geschlossen wurden und kann diese wiederherstellen, falls man mal etwas zu schnell war mit dem Wegklicken. Soweit ich wei\u00df, bietet das bisher nur Chrome &#8211; allerdings ist das nat\u00fcrlich auch nur eine neue Form der History.<br \/>\nBei den Usability Feature sei noch die ver\u00e4nderbaren Formularfelder erw\u00e4hnt: wem ein Textfeld einer Seite zu klein ist kann es mit Opera nach Belieben vergr\u00f6\u00dfern, ein wirklich praktisches Feature, an das ich mich bei meinem Safari sehr schnell gew\u00f6hnt habe.<\/p>\n<h2>Debugging<\/h2>\n<p>Opera hat sein eigenes &#8222;Firebug&#8220; mit dem Namen <i><a href=\"http:\/\/www.opera.com\/dragonfly\/\" rel=\"external\">Opera Dragonfly<\/a><\/i>, wie bei dem Firefox Plugin &#8222;Firebug&#8220; kann man mit Dragonfly DOM Elemente inspizieren und HTML Codes sowie CSS debuggen und das auch f\u00fcr Mobile Endger\u00e4te und alternative Monitore &#8211; das soll \u00fcber Opera Presto funktionieren, womit ich mich aber noch nicht weiter besch\u00e4ftigt habe.<\/p>\n<h2>Videos<\/h2>\n<p>Eine Zusammenfassung der wichtigsten Features (in Englisch):<br \/>\n<object width=\"480\" height=\"295\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/7oUtZzt50C4&#038;hl=de&#038;fs=1\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><embed src=\"http:\/\/www.youtube.com\/v\/7oUtZzt50C4&#038;hl=de&#038;fs=1\" type=\"application\/x-shockwave-flash\" width=\"480\" height=\"295\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<p>Eine Erkl\u00e4rung wie Opera&#8217;s Turbo funktioniert \ud83d\ude09 (auch in Englisch):<br \/>\n<object width=\"480\" height=\"295\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/tYEUFwJXVvw&#038;hl=de&#038;fs=1\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><embed src=\"http:\/\/www.youtube.com\/v\/tYEUFwJXVvw&#038;hl=de&#038;fs=1\" type=\"application\/x-shockwave-flash\" width=\"480\" height=\"295\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<h2>Screenshot: Look&#038;Feel vom Opera 10<\/h2>\n<p>Und hier noch schnell ein Screenshot, damit man ein Eindruck bekommt, wie der Opera 10 insgesamt ausschaut (Vollbild gibts per Klick):<br \/>\n<a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-10.png\" rel=\"lightbox-opera\" title=\"Screenshot vom gesamten Opera Fenster\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-10-300x176.png\" alt=\"Opera: Look&amp;Feel Screenshot\" title=\"Opera: Look&amp;Feel Screenshot\" width=\"300\" height=\"176\" class=\"aligncenter size-medium wp-image-328\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-10-300x176.png 300w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-10-1024x603.png 1024w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/09\/Bild-10.png 1275w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Links<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.opera.com\/browser\/\" rel=\"external\">Info Seite zu Opera 10<\/a><\/li>\n<li><a href=\"http:\/\/www.opera.com\/browser\/download\/\" rel=\"external\">Zum Download von Opera 10 (zw. 5 und 10 MB)<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ein Review zu der 10. Version des Opera Browsers, das auf die neuen Features eingeht und Videos sowie Screenshots zeigt.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,102],"tags":[105,104,375,377,75,103],"_links":{"self":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/321"}],"collection":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":9,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/321\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/321\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media?parent=321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/categories?post=321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/tags?post=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}