Door Femme Taken

UX Designer

Verbeterde telecomdata - Development-iteratie #83

29-03-2016 • 13:37

50

Onze developers hebben development-iteratie 83 voltooid. In deze sprint is gewerkt aan een vernieuwde telecomvergelijker en is de html5-videoplayer van StreamOne gereedgemaakt voor productie. Ook zijn voorbereidingen getroffen voor de omschakeling naar https en http/2.

Nieuwe StreamOne-videoplayer

In de vorige development-.plan brachten we het heugelijke nieuws over de publieke bètatest van onze nieuwe videospeler, die is ontwikkeld door onze videopartner StreamOne. De nieuwe speler speelt video's altijd af in html5 in plaats van het alom verafschuwde Flash. In de meeste gevallen zorgt dit voor veel hogere prestaties: kortere laadtijden, vloeiender beeld en daardoor een betere kijkervaring. Aan de hand van jullie feedback hebben we de videospeler verbeterd, zodat hij nu klaar is om door het grote publiek gebruikt te worden. We hebben onder andere gezorgd voor een mooiere share-icoon, de sortering van de kwaliteiten omgekeerd, zodat deze nu van hoog naar laag is, en de kwaliteit van de holdimages verbeterd. Verder hebben we de servers een upgrade gegeven zodat de streaming van video's op hoge resoluties nu beter is. Vanaf nu worden video’s standaard in de nieuwe speler weergegeven.

Vernieuwde telecomvergelijker

In de afgelopen sprints zijn we achter de schermen druk bezig geweest met het verbeteren van de telecomvergelijker in de Pricewatch. Met de telecomvergelijker kun je sim-only-abonnementen en toestelabonnementen vergelijken. De grote hoeveelheid abonnementen en de uiteenlopende acties van de telecomaanbieders maken dat het voor een consument niet meevalt om een overzichtelijke product- en prijsvergelijking te doen. Vorig jaar hebben we om die reden de sim-only-vergelijker al flink op de schop genomen. In de afgelopen maanden hebben we ons gericht op het verbeteren van de vergelijking van toestel-abonnementcombinaties.

Naast diverse kleine verbeteringen van de gebruikservaringen hebben we ons vooral gefocust op het verbeteren van de data en de presentatie hiervan. Om te vieren dat we nu onze nieuwe telecomvergelijker de lucht in hebben geholpen, verloten we een Sony Xperia Z5 onder onze bezoekers. Meer weten? Lees de .actie.

Https / http/2

Onze developers werken al een aantal iteraties aan voorbereidingen om de omschakeling te maken naar het serveren van pagina’s via https. Voor onze gebruikers biedt dat een betere bescherming van hun privacy, doordat de informatie die je uitwisselt met Tweakers niet meer in plaintext de oversteek hoeft te maken tussen onze servers en jouw apparaat. Om de impact van een beveiligde verbinding op de prestaties te verminderen, willen we de overgang naar https combineren met een upgrade naar http/2. Een van de voordelen van http/2 is de ondersteuning van multi-plexing, waarmee de requests over een enkele verbinding gecombineerd kunnen worden. Het protocol voorkomt behoorlijk wat overhead die tcp/ip en https normaal gesproken met zich meebrengen en presteert daardoor vergelijkbaar met of iets beter dan http 1.1 zonder encryptie.

In iteratie #83 is een aantal noodzakelijke voorbereidingen getroffen. Een praktisch probleem bij het gebruik van https is dat pagina’s die via ssl worden geserveerd geen afbeeldingen mogen bevatten die via een onbeveiligde verbinding worden geserveerd. Dit resulteert anders in vervelende mixed content-waarschuwingen van de browser. In iteratie #83 hebben we ervoor gezorgd dat er in redactionele artikelen verplicht naar https-afbeeldingen wordt gelinkt. Voor user generated content, zoals forumposts, zetten we een camouflage-proxy in om afbeeldingen uit onbeveiligde bronnen toch via https te kunnen serveren.

In de komende iteratie zullen we verder werken aan het https-project om uiteindelijk naar een release toe te werken.

Testpanelindicatie in reviews

In januari hebben we het mogelijk gemaakt om je in te schrijven voor het Tweakers-Testpanel. Als lid van het testpanel maak je kans om de nieuwste producten van fabrikanten te mogen testen. Testpanelreviews zijn onafhankelijke reviews door gebruikers, maar wel geïnitieerd door de fabrikant. We hebben ervoor gezorgd dat reviews die vanuit een testpanel zijn geschreven, vanaf nu herkenbaar zijn aan een label naast de naam van de schrijver van de review.

En verder…

  • hebben we een bugje verholpen dat verhinderde dat alternatieven en populaire producten goed werden weergegeven;
  • hebben we een bug opgelost die verhinderde dat prijsalerts konden worden uitgezet;
  • hebben we na een uitzwaaiactie de oude paarse en zilveren forumtemplates definitief verwijderd;
  • hebben we ervoor gezorgd dat afbeeldingen in subcategorieën van de categoriebrowser on demand worden geladen;
  • hebben we een mooie aanbieding toegevoegd aan de aboshop. Bij het afsluiten of verlengen van een Plus- of Elite-abonnement krijg je een usb-wandcontactdoos van 19,95 euro cadeau.

Reacties (50)

50
50
38
1
0
0
Wijzig sortering
Fantastisch!!!! Eindelijk een video speler die mobiel goed werkt!!!! _/-\o_ Ik ben zo gelukkig :')

En ik sta er van te kijken dat http/2 nu pas ingevoerd wordt eigenlijk, gezien http/2 juist als eigenschap heeft dat het backwards compatible is. Het zou heel laagdrempelig moeten zijn in gebruik en om het op te zetten. Toevallig gisteren het gratis boek gelezen in de Play Store van O'Reilly over http/2. Ik ben benieuwd of het in de praktijk te vernemen is.

[Toevoeging:]
De speler werkt doorgaans beter, de bediening in ieder geval. Maar je merkt als de stream aan het bufferen is dat Chrome voor mobiel hangt. Hij komt uiteindelijk wel weer vrij, maar het duurt wel zeker een minuut en ik moet aangeven aan Android dat ik wil "wachten" voordat hij besluit Chrome te "killen". Dus ik vermoed dat er nog bepaalde zaken niet asynchroon lopen.

[Reactie gewijzigd door McBrown op 24 juli 2024 20:15]

Dat komt omdat je denkt dat het enige dat je moet veranderen, het protocol is... dat is juist het makkelijke deel ;)

Als we alleen maar de webserver hoefden te veranderen van http naar https, dan was het inderdaad redelijk weinig werk geweest. Maar ervoor zorgen dat alle bestaande http://-plaatjes (en overige embedded content) in nieuwe en bestaande content omgezet worden in https, ook als de hoster dat niet ondersteund, dat is een stuk lastiger probleem om op te lossen.

Ik verwacht overigens zelf dat http/2 nauwelijks (en daardoor niet merkbare) performance winst oplevert ten opzichte van http. Het zorgt er daarentegen (hopelijk) wel voor dat de overstap van http naar https daardoor geen grote impact op de laadtijden e.d. van de website heeft.

Overigens is ook de ondersteuning voor http/2 iets dat bij nog behoorlijk wat webservers nog in de kinderschoenen staat.

[Reactie gewijzigd door ACM op 24 juli 2024 20:15]

Https is toch een integraal onderdeel van http/2 als ik het goed begrepen heb. Of in ieder geval ssl.
HTTP/2 op een oude site zal weinig performance winst opleveren inderdaad, maar het betekend wel dat je je opzet aan de server kant extreem kunt versimpelen. Geen domain sharding, geen file concatenation, etc. Voor sommige sites kunnen hele build scripts uit de deur. En dat alles dus zonder performance verlies. Moet zeggen dat m'n ervaringen er tot nu toe relatief goed mee zijn.

Moet daarbij wel zeggen dat de laatste keer dat ik het berekende maar zo'n kleine 80% van de gebruikers er support voor had, dus dat is wel zo jammer op dit moment nog.
Anoniem: 457607 @McBrown29 maart 2016 20:53
Nu pas? HTTP/2 is behoorlijk nieuw, en support geleverd door web servers komt pas de afgelopen maanden op gang, en zijn nog steeds onvolledig.
Anoniem: 126717 29 maart 2016 14:13
Voor het geval dat dit de juiste plek is....
Kan bij de volgende update het irritante pijlje en uitroepteken naast het linkermenu weg?
Plaatje: http://i66.tinypic.com/2cp4vp4.jpg
Het uitroepteken (feedback) doet niets trouwens.
Als het bij jou niets doet dan blokkeer je blijkbaar iets van de feedback-tool die wij gebruiken (Usabilla).

Als je het weg wilt halen dan kan je Custom CSS (te 'koop' in de Karmastore) gebruiken:

.giveFeedback { display: none; }
Hij blokkeert denk ik niet, máár.. hij forceert mogelijk sites over HTTPS en dán krijg ik errors in de (chrome) dev console over unsafe content. :*)
Ja dat klopt, dat is nog niet https-ready ;)
Anoniem: 126717 @crisp29 maart 2016 14:40
Volgens mij laat ik alle scripts toe op Tweakers...
.giveFeedback { display: none; } haalt inderdaad het feedback icoontje weg, maar het pijltje blijft irritant in beeld staan, in plaats van in de tracker zelf. Voorheen was dat veel kleiner dus minder storend.

Edit: Ah! Thanks!

[Reactie gewijzigd door Anoniem: 126717 op 24 juli 2024 20:15]

Voeg dan ook dit toe:

.trackerVisible #tracker .fakeTop .toggleVisibility { right: -6px; }

;)
Anoniem: 463321 @crisp29 maart 2016 14:47
Melding die ik krijg als ik op het uitroepteken klik.

If you are browsing on an encrypted connection (https://), Opera checks to ensure that all parts of the site are encrypted. If Opera detects that any live elements of the page, for example scripts, plugins, or frames, are being served by an open connection (http://), it will block the insecure content. This means parts of the page may not display properly.

Na unblocken werkt het nog steeds niet.
Waarom ? dit is juist gemaakt om feedback te geven :


Specifieke feedback
Ik wil feedback geven op een specifiek deel van de pagina.


Algemene feedback
Ik wil feedback geven over de gehele website.

En werkt hier perfect :)
Bedankt voor die nieuwe videoplayer. Op een of andere manier had ik altijd problemen met die oude op m'n telefoon. Met deze niet meer zo te merken. Thanks.
Mis alleen wel het knopje 'Reclame overslaan na x seconde'. O-)
koku Senior Developer @Hedva29 maart 2016 13:48
Ja, dat hangt van de reclame af. Ik had net een reclame waar de knop wel in zat.
Ah dat zal het misschien zijn ja. Tot nu toe alleen maar de reclame van de politie tegen gekomen ;)

Overigens wel inconsistent dat er overal op de site 'Advertentie' wordt gebruikt om aan te duiden dat het om een advertentie gaat, maar in de videoplayer 'Advertisement'.
Ik heb ook problemen met het afspelen van video's op zowel iPhone als iPad. Het gebeurt dat wanneer ik bijvoorbeeld naar een review zat te kijken die laat ik zeggen 6 minuten duurt, de video na 4 minuten plots opnieuw begon.

Laat ons hopen dat dit euvel verholpen is na deze iteratie ;)
Benieuwd naar de definitieve release rondom de overgang naar https, immers wordt de roep hierom steeds groter en heeft het ook invloed vanuit de zoekmachines voor wat betreft de doorverwijzingen en zoekresultaten.

Wordt er in het verlengde hiervan ook gekeken door Tweakers naar Accelerated Mobile Pages (AMP) om dit te gaan gebruiken voor de nieuwsberichten. Lijkt mij ook essentieel als Tweakers hoog wil blijven scoren bij Google.
Ik ben niet erg onder de indruk van AMP. Sterker nog, ik vind het een stap in de verkeerde richting...
Mee eens, vind het zelf ook een verkeerde ontwikkeling. Echter wordt deze ontwikkeling al ondersteund door diverse grote spelers en is het een onomkeerbaar proces. Nadeel is hierbij ook dat Facebook ook met een eigen variant gaat komen, dus hek is van de dam.
Anoniem: 457607 @crisp29 maart 2016 20:55
100% mee eens. Net zoals Facebook articles is het een poging van Google om verkeer van publishers te kapen. Niet aan meedoen, laat het aub falen.
heb al een week een niet werkende video speler in microsoft edge (nieuwe html player)

media could not be loaded, server or network failed or unsupported etc. etc
Ik heb hetzelfde probleem, hoewel eerst toen de speler nog in beta zat deed hij het wel
jep, heeft hier ook gewerkt, na een tijdje begon ik overal die error te krijgen. Ging er van uit dat het kinderziektes waren maar nu hij in productie is genomen gebeurt het nog steeds. Windows 10, edge met alle updates. Gebeurt wanneer ik ingelogd ben maar ook als ik uitlog. In internet explorer werkt hij prima.

Ik gebruik geen adblockers of wat dan ook.

[Reactie gewijzigd door nowherebound123 op 24 juli 2024 20:15]

Gebeurt dit bij iedere video, of bij sommige? En zou je de exacte versie van je browser en je OS kunnen doorgeven en een URL naar een pagina met video op Tweakers waar het probleem sowieso optreedt? Eventueel kun je een privébericht sturen.
Even aanvulling hier op, probeer net video: Microsoft toont live-action-trailer van Quantum Break te bekijken met edge op windows 10 mobile en probleem doet zich nu ook hier voor. Eerder dus gewoon op desktop, nu ook op edge voor 10 mobile

http://i68.tinypic.com/15wl27k.png

[Reactie gewijzigd door nowherebound123 op 24 juli 2024 20:15]

Het probleem is ontstaan na een recente update van Edge. Na die update draait er een nieuwe versie van Edge waar het probleem voorkomt. Omdat Microsoft meerdere versies onder exact hetzelfde versienummer uitbrengt gaf dat wat verwarring.

We werken in ieder geval aan een oplossing.
Windows 10 professional versie 1511 build 10586.164
Microsoft Edge 25.10586.0.0
Microsoft EdgeHTML 13.10586

Je zult het altijd zien, een minuut nadat ik bovenstaande comment plaatste was het probleem ineens verdwenen.

Het kwam dus tot zojuist voor bij iedere video, inclusief de video bovenaan deze pagina. Gebeurde vanaf een week geleden ongeveer. Het lijkt nu dus ineens opgelost te zijn.
rens-br Forum Admin IN & Moderator Mobile 29 maart 2016 13:45
Weer een mooi aantal aanpassingen en fijn dat de nieuwe videoplayer nu voor iedereen te gebruiken is. Ik heb deze al aanstaan sinds de open beta en het is werkelijk een verademing!

Overigens, komt de volgende bug door deze iteratie? [Forum] badges Topicstarter en karma lijnen niet goed uit
koku Senior Developer @rens-br29 maart 2016 13:46
Ja, is inmiddels bekend en wordt aan gewerkt :)
M'n karma taart diagram op m'n profiel is ook ineens feller en anders gekleurd, een stiekeme update? :D
Ja, het palet lijkt inderdaad vervangen te zijn. Al was er al niet echt een pijl op te trekken, want voor de ene was "reacties" blauw, en voor de ander paars. :P
Maar het ziet er nu wel iets strakker uit denk ik, al was er niets mis met het vorige palet.
Ik had met de oude speler ook altijd buffer problemen. Terwel mijn WiFi snelheid net zo snel is als bekabeld. Hopelijk is dit nu verleden tijd.
Dat HTTPS gedeelte is wel erg indrukwekkend, zeg. Goeie proggers daar. Zeer goed gedaan.
Fijn dat het eindelijk mogelijk wordt om fatsoenlijk video's af te spelen op tweakers.net :)
Voorheen altijd schokkerig. Vond het al vrij bizar aangezien dit werkelijk de enige site was waarop dat een probleem was.
Overigens liep de bovenstaande video wel even vast in het begin, dus helemaal vlekkeloos werkt het nog niet (Windows 10, Firefox 45.0.1).

Op dit item kan niet meer gereageerd worden.