Contents
What to do when using aggregate and compress CSS?
Style lost when using “aggregate and compress css files”. I have built a custom theme using zen. For my image galleries, I have code in the “fields.css” file for my theme, to float my images left. It works fine as long as aggregate and compress css files is turned off.
Why is font face not working in CSS?
Using font-face requires a little understanding of browser inconsistencies and may require some changes on the web server itself. First thing you have to do is check the console to see if/what messages are being generated. Is it a permissions issue or resource not found….?
Why are my fonts not working in IIS 7?
All the sites where you can download fonts, never say which fonts work and which ones don’t. I had this problem recently and the problem was that my web server was not configured to serve woff files. For IIS 7, you can select your site, then select the MIME Types icon. If .woff is not in the list, you need to add it. The correct values are
Why are all of my fonts not working?
None of the fonts I was generating were working. It turns out that there was a setting in the “Advanced options” of the genrator which I needed to select which would not only use a the Western language glyphs (a pre-selected option). After removing this subset, my fonts then worked with the Arabic characters.
How to aggregation CSS and JS in Drupal?
Compress files into a .gz/.br file and serve from Apache. This is faster then compressing the file on each request. DX – Browser conditional comments for CSS and JS. DX – All attributes are supported. DX – D8 Features backported when feasible. DX – Add JS to any region of the theme; also to any view or block.
Which is the Best CSS / JS aggregation submodule?
Frontend – Async Font Loader. Text is readable before the webfont has been downloaded; usable site quicker. Frontend – Bundler Submodule. Given a target number of CSS/JS aggregates, this will try very hard to meet that goal. It smartly groups files together.
What’s the difference between Drupal and Nginx compression?
It seems that Nginx provides its own compression. My .httaccess file does use set Content-encoding instead of append, so the headers are coming down correctly, but when Drupal and Nginx are both providing compression, the encoding on the css files is set to x-gzip instead of just gzip.
What’s the difference between gzipping and compression on the web?
On the web, gzipping is done directly by your server. It’s a matter of configuring the server to do it. Once that’s done, gzipping automatically happens, there isn’t any ongoing work you have to do. The server compresses the file and sends it across the network like that. The browser receives the file and unzipped it before using it.
What’s the difference between gzipping and minification in CSS?
For instance, you’d create a `style.css` that you work with. Then you could minify it into `style.min.css`. Gzipping finds all repetitive strings and replaces them with pointers to the first instance of that string. Julia Evans created a wonderful way to understand this (see her post and video ). See this first paragraph of a poem:
Why do we need advanced CSS / JS aggregation?
Advanced Aggregation combines multiple CSS files and creates fewer CSS files so that sites render faster. It caches aggregated files more efficiently. It also provides more effective methods of compression. Thus helping in offering users with more engaging user experiences.
Are there any problems with Drupal core aggregate?
One problem with Drupal core aggregate is that it is not good at determining which resource (CSS/JS) files go together. So, when you have different pages that require different resource (CSS/JS) files, usually Drupal core does it in a way where there is lot of extra information that are unnecessary on certain pages.
Which is advanced CSS / JS aggregation module for Drupal 8?
The Advanced CSS/JS Aggregation module for Drupal 8 truly helps to improve the frontend performance of Drupal websites. This can have a huge impact on user experience and can help garner more engagement. As Drupal developers, we leverage the best of Drupal’s modules and features to ensure our clients expectations are not just met but exceeded.