What is the front-end performance differences of CSS loading types?
Magento 1.9, comparatively speaking, What are the front-end performance issues between types of loading CSS as:
externalinternalinline- as a
style block(CMS blocks).
Thank you so much for your expertise !
magento-1.9 css external download inline
edited 23 hours ago
PЯINCƏ
7,69621136
asked yesterday
dond223
112
add a comment |
Magento 1.9, comparatively speaking, What are the front-end performance issues between types of loading CSS as:
externalinternalinline- as a
style block(CMS blocks).
Thank you so much for your expertise !
magento-1.9 css external download inline
edited 23 hours ago
PЯINCƏ
7,69621136
asked yesterday
dond223
112
add a comment |
Magento 1.9, comparatively speaking, What are the front-end performance issues between types of loading CSS as:
externalinternalinline- as a
style block(CMS blocks).
Thank you so much for your expertise !
magento-1.9 css external download inline
edited 23 hours ago
PЯINCƏ
7,69621136
asked yesterday
dond223
112
Magento 1.9, comparatively speaking, What are the front-end performance issues between types of loading CSS as:
externalinternalinline- as a
style block(CMS blocks).
Thank you so much for your expertise !
magento-1.9 css external download inline
magento-1.9 css external download inline
edited 23 hours ago
PЯINCƏ
7,69621136
asked yesterday
dond223
112
edited 23 hours ago
PЯINCƏ
7,69621136
asked yesterday
dond223
112
edited 23 hours ago
PЯINCƏ
7,69621136
edited 23 hours ago
PЯINCƏ
7,69621136
edited 23 hours ago
PЯINCƏ
7,69621136
7,69621136
asked yesterday
dond223
112
asked yesterday
dond223
112
asked yesterday
dond223
112
112
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
external : Not the best one : this adds additional HTTP requests and can delay rendering of the page.
internal : The best one : No HTTP request needed, the file is cached in browser in the first load for all pages, no need to load the file for each page.
inline : this css will be only loaded for that page and not all the pages and cannot be cached by the browser and re-used for another page.
as a style block: I don't know what you mean by this, but The recommended way is the second internal, you create your custom.css file in your current theme : skin/frontend/{package}/{theme}/css/custom.css, then you declare it in layout <head> part in app/design/frontend/{package}/{theme}/layout/local.xml and everythink will be fine.
Good luck.
answered yesterday
PЯINCƏ
7,69621136
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f256494%2fwhat-is-the-front-end-performance-differences-of-css-loading-types%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
external : Not the best one : this adds additional HTTP requests and can delay rendering of the page.
internal : The best one : No HTTP request needed, the file is cached in browser in the first load for all pages, no need to load the file for each page.
inline : this css will be only loaded for that page and not all the pages and cannot be cached by the browser and re-used for another page.
as a style block: I don't know what you mean by this, but The recommended way is the second internal, you create your custom.css file in your current theme : skin/frontend/{package}/{theme}/css/custom.css, then you declare it in layout <head> part in app/design/frontend/{package}/{theme}/layout/local.xml and everythink will be fine.
Good luck.
answered yesterday
PЯINCƏ
7,69621136
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
add a comment |
external : Not the best one : this adds additional HTTP requests and can delay rendering of the page.
internal : The best one : No HTTP request needed, the file is cached in browser in the first load for all pages, no need to load the file for each page.
inline : this css will be only loaded for that page and not all the pages and cannot be cached by the browser and re-used for another page.
as a style block: I don't know what you mean by this, but The recommended way is the second internal, you create your custom.css file in your current theme : skin/frontend/{package}/{theme}/css/custom.css, then you declare it in layout <head> part in app/design/frontend/{package}/{theme}/layout/local.xml and everythink will be fine.
Good luck.
answered yesterday
PЯINCƏ
7,69621136
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
add a comment |
external : Not the best one : this adds additional HTTP requests and can delay rendering of the page.
internal : The best one : No HTTP request needed, the file is cached in browser in the first load for all pages, no need to load the file for each page.
inline : this css will be only loaded for that page and not all the pages and cannot be cached by the browser and re-used for another page.
as a style block: I don't know what you mean by this, but The recommended way is the second internal, you create your custom.css file in your current theme : skin/frontend/{package}/{theme}/css/custom.css, then you declare it in layout <head> part in app/design/frontend/{package}/{theme}/layout/local.xml and everythink will be fine.
Good luck.
answered yesterday
PЯINCƏ
7,69621136
external : Not the best one : this adds additional HTTP requests and can delay rendering of the page.
internal : The best one : No HTTP request needed, the file is cached in browser in the first load for all pages, no need to load the file for each page.
inline : this css will be only loaded for that page and not all the pages and cannot be cached by the browser and re-used for another page.
as a style block: I don't know what you mean by this, but The recommended way is the second internal, you create your custom.css file in your current theme : skin/frontend/{package}/{theme}/css/custom.css, then you declare it in layout <head> part in app/design/frontend/{package}/{theme}/layout/local.xml and everythink will be fine.
Good luck.
answered yesterday
PЯINCƏ
7,69621136
answered yesterday
PЯINCƏ
7,69621136
answered yesterday
PЯINCƏ
7,69621136
answered yesterday
PЯINCƏ
7,69621136
7,69621136
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
add a comment |
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
Thank you so much!! What I meant by 'a style block' is that I make CMS blocks that only contain CSS between style tags. Then I add them to my CMS page via a Widget. I have also started doing this with Jquery. I do it as a way of organizing. The reason is that I have a hard time finding the correct files to put the correct code in. The file system of magento varies so much and I always seem to be guessing as to if I am in the correct file. I have a ton to learn so thank you so much for your insightful, professional and expert knowledge.
– dond223
yesterday
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f256494%2fwhat-is-the-front-end-performance-differences-of-css-loading-types%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
