Index: README.md |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/README.md |
@@ -0,0 +1,18 @@ |
+# CSS Media Query Packer Proposal |
+ |
+## Background |
+ |
+Following on from [Issue 29441585](https://codereview.adblockplus.org/29441585/), the question here is whether we need to use [css-mqpacker](https://github.com/hail2u/node-css-mqpacker) to consolidate our media queries, assuming the proposed style of writing media queries is adopted. |
+ |
+ |
+## Size Comparison |
+ |
+I ran a comparison between the expanded, minified, and gzipped versions of both options: |
+ |
+ | default | with mqpacker |
+-------------|-----------|-------------- |
+Expanded CSS | 625 bytes | 463 bytes |
+Minified CSS | 430 bytes | 300 bytes |
+GZipped CSS | 135 bytes | 131 bytes |
+ |
+As Thomas suggested, the difference between the GZipped versions is quite negligable. So, the potential issues that the re-ordering of our CSS the plugin may cause, may not be worth it. |