Editor’ s note: A changelog is “ a log or even record of all notable changes designed to a project. [It] generally includes records of changes for example bug fixes, new features, and so forth ” Publishing a changelog will be kind of a tradition in open up source, and a long-time practice on the internet. We thought readers of Hackers and folks who use and lead to MDN Internet Docs would be thinking about learning more about the work of the MDN engineering team, and the impact they have got in a given month. We’ lmost all also introduce code contribution possibilities, interesting projects, and new methods to participate.
Required for April
Here’ ersus what happened in April to the code, data, plus tools that assistance MDN Internet Docs :
Here’ s the plan for May:
Moved MDN to a CDN, improving page load time by 16%
On April seventeen, we switched developer. mozilla. org to be served by CloudFront , Amazon’ ersus Content Delivery Network (CDN). CDNs have several benefits, and MDN’ ersus visitors are seeing many of them right now.
Pingdom measured improved response times as MDN switched to a CDN
A CDN has a system of servers around the world, and website visitors connect to the closest CDN machine. Our server connect time, which usually accounts for 10% of the page load period, has improved 57% world-wide, plus 72% across Europe.
All this adds up to a significant improvement in down load time. We’ ve measured down load with WebPageTest , which provides reliable best-case metrics for the website :
| Dulles, VA
|| 1 . 93s
|| 1 . 42s
|| 0. 51s
| Hong Kong, China and taiwan
|| 2 . 68s
|| 1 . 79s
|| 0. 89s
| London, UK
|| 2 . 40s
|| 1 . 49s
|| zero. 91s
| Sydney, Australia
|| 2 . 68s
|| one 63s
|| 1 . 05s
We also use Google Analytics, which measures average page load designed for actual visitors across the site:
| All MDN Guests
|| 3. 91s
|| 3. 28s
|| 0. 63s
|| 2 . 44s
|| second . 11s
|| 0. 33s
|| 3. 03s
|| 2 . 29s
|| 0. 74s
|| 6. 05s
|| 4. 45s
|| one 60s
|| seven. 87s
|| 5. sixties
|| 2 . 27s
The majority of the preparation of the last few months has been writing our CDN caching guidelines, to make sure that first-time visitors were very likely to get a cached copy from the CDN, but that logged-in users, web page editors, and translators continue speaking directly to our web servers. A significant bug got past our preliminary testing, which caused problems with regard to users editing MDN in several browser tabs. We fixed this particular bug ( PAGE RANK 4757 ), and now modifying is back to normal, and the site remains faster than it has ever been.
Migrated more compatibility data, at this point 72% complete
The city continues to migrate compatibility data through MDN to the browser-compat-data repository . After a report 329 merged pull requests, the information is now 72% migrated, versus 63% at the start of April. Thanks to Florian Scholz , Mark Boas , Daniel Beck , ExE Boss , and many others regarding migrating data and reviewing PRs.
We learned about 3 projects using this data. The polyfill-checker verifies that running code is definitely polyfills rather than built-ins, to ensure program code runs the same on older web browsers. eslint-plugin-bultin-compat does similar work making use of static analysis with ESLint . MDN Browser Compatibility Information Explorer is a Rails application for exploring the data, plus includes feature search as well as overview graphs of browser support.
The particular MDN Browser Compatibility Data Explorer browser graphs
Replaced font-based icons with in-line SVG
MDN continues to be using Typeface Awesome for top quality icons. One feature of font-based icons was strong support designed for Internet Explorer 7, which was still important in 2014 when we last up-to-date our icon system. We’ ve been updating our list of backed browsers, and in April Schalk Neethling started the switch from font-based icons to inline SVG symbols.
Both methods lead to crisp icons that look good upon high DPI displays. An symbol font requires a network request in order to download the font file, possibly the standard version (which includes lots associated with icons we don’ t use), or a minimized version (which all of us maintain and serve ourselves). Along with inline SVG, the browser has got the icon data with the initial CODE request, and doesn’ t obtain any extra icons not applied to the page. Inline SVG can also be a better fit for our template program, making it clearer to developers exactly what image is being used.
Delivered Tweaks and Fixes
There were 510 PRs merged within April:
140 of those were from first-time contributors:
- Add compat information for Web Storage API ( BCD PR 1187 ), from Adam .
- Add compat data for Display ( BCD PAGE RANK 1249 ), from Lars Bä rtschi .
- Adding compat data for SVGAnimatedInteger ( PR 1310 ), Adding compat data for SVGAnimatedLength ( PR 1773 ), and 21 more PRs to BCD from Peter Folkins .
- Update Chrome/Firefox assistance for ReadableStream in Request Entire body ( BCD PAGE RANK 1333 ), from AnthumChris .
- Add: Functional syntax along with floats value notations ( PR 1342 ), and New: add calc() ideals in grid-gap(gutter properties) ( PR 1378 ), from 一 丝 (first efforts to BCD).
- Include compat data for Bluetooth Internet API ( BCD PR 1385 ), through Brian Touch .
- HTMLEmbedElement ( PR 1399 ), Add compat data designed for HTMLFontElement ( PAGE RANK 1436 ), and 6 more PRs to BCD through Janet Swisher .
- Add compat data for CSSConditionRule ( PR 1569 ), Add compat data for CSSCounterStyleRule ( PR 1571 ), and 5 more PRs to BCD from James W. Alvies .
- Add compat data for CompositionEvent ( BCD PR 1676 ), from Karl Stolley .
- Add BeforeUnloadEvent ( BCD PR 1696 ), from Kayce Basques .
- Repair Chrome/Opera versions for RTCPeerConnection. getSenders ( PR 1713 ), and Fix Chrome/Opera versions for RTCPeerConnection. getReceivers ( PR 1714 ), to BCD from Jeremy Lainé .
- Update SyncManager. json ( BCD PAGE RANK 1716 ), from Isaac Kwan .
- Add alternative titles to
fullscreenElement ( BCD PR 1724 ), through timm-gs .
- Update Safari information for AbortController ( PR 1729 ), plus Update Safari data for AbortSignal ( PR 1730 ), to BCD through mata007 .
- Firefox does not assistance transceiver. setCodecPreferences() ( BCD PR 1735 ), from jan-ivar .
- Add compat data for Comment ( BCD PR 1736 ), from katzrkool .
- Add -webkit-progress-* psuedo-selectors ( PAGE RANK 1748 ), Add -webkit-meter-* selectors ( PAGE RANK 1749 ), and 3 more PRs to BCD through Connor Shea .
- Web APIs: add HashChangeEvent ( PR 1759 ), Internet APIs: add CaretPosition ( PR 1765 ), and two more PRs in order to BCD from Claas Augner .
- Update compat data for css. selectors. marker ( BCD PR 1775 ), from Matn Schneider .
- Include missing colon to alternative selectors ( PR 1778 ), Correct alternatives designed for
border-radius longhand properties ( PR 1895 ), plus 2 a lot more PRs to BCD from Fredrik Nicol .
- Include compat data for string replacement support in IE ( BCD PR 1780 ), from Steven Goris .
- Correct Opera compat for overview and details elements. ( PR 1786 ), and Fix(api. Node. getRootNode): Repair IE/Edge compat ( PR 1833 ), in order to BCD from Ryan Johnson .
- Fix IE compatibility version to get overrideMimeType ( BCD PR 1792 ), through Marie P-W .
- Transfer associated with data for Web/API/Element/matches ( BCD PR 1801 ), from Maarten Brouwers .
- nth-child and nth-last-child support information update ( BCD PR 1805 ), through SelenIT .
- Fix < legend> IE compat data ( BCD PR 1821 ), from Shaun Dillon .
- Fix incorrect URL for WEB ADDRESS. searchParams ( BCD PR 1828 ), through Zack Harley .
- Update Advantage support for WebAssembly streaming API ( BCD PAGE RANK 1829 ), from Michael Ferris .
- Chrome supports filtration system attribute on SVG ( BCD PR 1870 ), from ypnos-web .
- Up-date CSS Shapes data ( PR 1871 ), from Rachel Andrew (first factor to BCD).
- Include font element compat data in accordance Caniuse. ( BCD PR 1880 ), through Michal Č aplygin .
- Update/data channel edge safari ( BCD PR 1940 ), from Brian Peiris .
- More illustrative example for font-synthesis ( Interactive Illustrations PR 715 ), through Chen Hui Jing .
- Eliminate hard-coded ‘ height’ ( Interactive Examples PR 724 ), from Mats Palmgren .
- Add < kbd> illustration ( PR 756 ), Add < mark> example ( PAGE RANK 775 ), and 10 more PRs from Florian Scholz (first contributions to Interactive Examples).
- Issue #730 – Content Sectioning – header ( PR 789 ), Add interactive example to get dl element ( PR 826 ), plus 2 a lot more PRs from Eric Shepherd (first contributions to Online Examples).
- Add < footer> example ( PR 804 ), Include < del> example ( PR 844 ), and two more PRs through Adilson Sandoval (first contributions in order to Interactive Examples).
- Set up Renovate ( Online Examples PR 850 ), from refurbish[bot] .
- Only preload. woff2 font documents ( Kuma PAGE RANK 4728 ), from Alex Gibson .
- Update jinja plus django-jinja ( Kuma PR 4747 ), through Mohammed Ali Zubair .
- Include Japanese titles to LearnSideBar ( KumaScript PR 638 ), from T. Uemura .
- Update L10n-Common. json ( KumaScript PR 644 ), from sigoa .
- Add and update Simplified Chinese language (zh-CN) translation ( KumaScript PR 648 ), from 佛 壁 灯 .
- Add Brazil Portuguese translation (pt-BR) in L10nStatusOverview. ejs ( KumaScript PR 661 ), from Matheus Cuba .
- Add pt-BR localized texts just for LearnSidebar macro ( PR 663 ), plus Add pt-BR translations ( PR 664 ), to KumaScript from Giorgio .
- Provide tests for cssxref ( PR 684 ), and Provide tests for svginfo ( PR 690 ), from Jeremie Patonnier (first contributions to KumaScript).
- Check if selector exists within selectors. json ( KumaScript PR 687 ), from Kasper Christensen .
- Repair ES8/ES2017 Links in SpecData ( KumaScript PR 688 ), from choeun .
- Add justify-self CSS property ( PR 184 ), Add justify-items CSS residence ( PR 185 ), and 5 more PRs to Data from Piotr Kuczynski .
clip keyword in order to overflow[-(x|y)] ( PR 202 ), Add missing keywords
verso in order to page-break-(after|before) ( PAGE RANK 203 ), and 4 more PRs to Data through Fredrik Nicol .
- Mark image-resolution as experimental. Fix #214 ( PR 215 ), and Mark ruby attributes as experimental. Fix #216 ( PR 217 ), to Data from Pine .
- Configure Renovate ( bob PR 26 ), from renovate[bot] .
- Update baseURL to point out MDN GitHub ( mdn-fiori PR 6 ), from Stephen Coogan .
- Repair outdated
mdn-browser-compat-data dependency ( PR 4 ), through ExE Manager (first contribution in order to browser-compat-toolkit).
- Update administrative. py ( django-diy-blog PR 5 ), through Ö zgü r .
- Upgrade text-start. html (typo – capitalization) ( learning-area PAGE RANK 68 ), from Matt Buckley .
- Fix end label in HTML fragment. ( webextensions-examples PR 355 ), from Daniel Dawson .
- Remove registration code for 404 service worker ( viewsourceconf PR 239 ), from Alex Gibson .
- Filtration system by rating ( indexeddb-examples PR 1 ), from matthewchao .
Additional significant PRs:
Prepared for May
Deliver HTML Interactive Examples
If you’ deb like to help write HTML illustrations, please see the call for help upon Discourse.
Deploy Django 1 . 11
The job for Django 1 . 11 carried on in April, but the CDN had taken more effort than expected. We’ ll continue work on the Django upgrade, and should deploy it in-may.
If you liked CDN, BCD, and SVG: MDN Changelog for April 2018 by John Whitlock Then you'll love Web Design Agency Miami