How to fix inefficient cache policy on static assets with drupal website? - caching

How to reduce the caching of static assets (image,js,css,fonts) on drupal 7 website.
enter image description here

CSS & JS:
Navigate to /admin/config/development/performance and enable "Aggregate and compress CSS files." and "Aggregate JavaScript files."
Or you can use the more advanced AdvAgg contrib module
Image:
Leverage Image Styles to reduce the dimensions of images by going here /admin/config/media/image-styles and setting the image field display settings to use the corresponding image style.
You can also navigate to /admin/config/media/image-toolkit and reduce the global quality of images generated by image styles
Or you can use the more advanced ImageMagick contrib module
Fonts:
Consider switching font hosting to a cloud host like Google Fonts or Adobe Fonts which are optimized

Related

Siebel open UI IP16 - loading image customization

Is there a way I can customize (replace with another GIF image) the loading image in Siebel Open UI in IP16 version? The current loading image is an red colored, oval shaped, oracle provided one, but i do not find the corresponding image in images folder. Any leads?
The animated icon may be stored in css files.
Try to search in your css files for something like
.siebui-mask-outer
timer
It may not be an actual gif but an css transformation.
(btw. You can run your Chrome Developer tool and examine the source of the icon)
The standard GIF file must be in public/enu folder (for english application) on the web server. On your local installation, it will be in C:\Siebel81\16.0.0.0.0\Client\PUBLIC\IMAGES\
There are multiple gif files there used for different applications.

smoothing in fonts in helix framework

i use helix for my website. but any font that I insert to it via #font-face not work correctly and text in the screen has some sharp region.
demo: link to site
note: texts in header and body have two different font.
I guess that this happen because of helix setting. Is it true?
please help me for create a website with smooth text
You have a native feature inside the template for assign multiple fonts to your website.
Go to Extensions > Templates > Your Helix Template > Tab Typography
From here you can add a different font for the body, headings, navigation or enable a custom font for css selectors. This feature works well with Google Fonts.
Here you can find more information: Typography Settings.

CKEditor loads unwanted skin and icons files

We're using CKEditor on a project where assets are handled by Grunt.js.
Grunt manage and compile CKEditor JS+CSS alongside other libs and our own code.
We've chosen to use an iconic font for our toolbar elements.
In production, assets are uploaded on S3.
Unfortunately, CKEditor has a "loader" feature which loads skin and icons files, based on the current path. Of course, the skin (the basic "moono", already loaded) and icons are not used.
Is there a way to disable this "loader" ?

Drupal theme - change slideshow images

Using Drupal 7, "business" theme, I want to change the default slideshow images of the theme to my own images.
The documentation says:
To change the Slide Images, Replace the slide-image-1.jpg,
slide-image-2.jpg and slide-image-3.jpg in the images folder of the
Business theme folder.
I did that, but images won't change.
I changed the images in sites/all/themes/business/images. And kept these original names.
The old images are not there anymore, but slideshow still displays the old images.
I tried clearing Drupal cache, wasn't the problem.
I'm guessing maybe a wrong dir?
Thanks in advance.
That is the correct directory for the slider images. Try clearing the cache in your own browser.
I would suggest, Don't go with hard-coded slideshow in theme, rather remove that slideshow from there and create new region. then create slideshow using view and flexslider which uses same CSS and javascript which makes you dynamic slideshow and you can add as many image you want.....

Is there any way to know all unused images of a website from image folder?

Is there any tool you know which can find all unused images of a website from image folder. I want to identfiy all those image in the image folder which are not being as a inline imge in HTML and CSS Background. Is it possible using any tools, techniques?
You can use dreamweaver for this. In dreamweaver look in site files (press F8) in site menu select recreate site cache. Dreamweaver checks links in your Local Site folder and provides you with a report of all unused files, which you can either delete or re-link.
Hope this solves your problem.

Resources