Взял скрипты с сайта разработчика tinymce.com
Теперь Chrome Audits :
| Цитата |
Optimize the order of styles and scripts (1)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
skin.min.css
Remove unused CSS rules (290)
290 rules (84%) of CSS not used by the current page.
: 100% is not used by the current page.
.mce-content-body div.mce-resizehandle
.mce-content-body .mce-resizehandle:hover
.mce-content-body img[data-mce-selected], hr[data-mce-selected]
.mce-content-body .mce-clonedresizable
.mce-content-body .mce-resize-helper
content.min.css: 87% is not used by the current page.
td,th
.mce-object
.mce-pagebreak
.mce-pagebreak
.mce-item-anchor
.mce-nbsp
.mce-match-marker
.mce-match-marker-selected
.mce-spellchecker-word
.mce-spellchecker-grammar
.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption
td.mce-item-selected,th.mce-item-selected
.mce-edit-focus
skin.min.css: 83% is not used by the current page.
.mce-container [unselectable]
.mce-fade
.mce-fade.mce-in
.mce-fullscreen
div.mce-fullscreen
.mce-wordcount
.mce-fullscreen .mce-resizehandle
.mce-charmap
.mce-charmap td
.mce-charmap td div
.mce-charmap td:hover
.mce-grid td.mce-grid-cell div
.mce-grid td.mce-grid-cell div:focus
.mce-grid td.mce-grid-cell div[disabled]
.mce-grid
.mce-grid a
.mce-grid a:hover, .mce-grid a:focus
.mce-grid-border
.mce-grid-border a
.mce-grid-border a:hover, .mce-grid-border a.mce-active
.mce-text-center
div.mce-tinymce-inline
.mce-colorbtn-trans div
.mce-rtl .mce-wordcount
.mce-autoscroll
.mce-scrollbar
.mce-scrollbar-h
.mce-scrollbar-thumb
.mce-scrollbar-h .mce-scrollbar-thumb
.mce-scrollbar:hover, .mce-scrollbar.mce-active
.mce-scroll
.mce-floatpanel
.mce-floatpanel.mce-fixed
.mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after
.mce-floatpanel .mce-arrow
.mce-floatpanel .mce-arrow:after
.mce-floatpanel.mce-popover
.mce-floatpanel.mce-popover.mce-bottom
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after
.mce-floatpanel.mce-popover.mce-bottom.mce-start
.mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow
.mce-floatpanel.mce-popover.mce-bottom.mce-end
.mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow
.mce-fullscreen
div.mce-fullscreen
#mce-modal-block
#mce-modal-block.mce-in
.mce-window-move
.mce-window
.mce-window.mce-in
.mce-window-head
.mce-window-head .mce-close
.mce-close:hover
.mce-window-head .mce-title
.mce-window .mce-container-body
.mce-foot
.mce-window-head .mce-dragh
.mce-window iframe
.mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot
.mce-rtl .mce-window-head .mce-close
.mce-rtl .mce-window-head .mce-dragh
.mce-rtl .mce-window-head .mce-title
.mce-abs-layout
body .mce-abs-layout-item, .mce-abs-end
.mce-abs-end
.mce-container-body.mce-abs-layout
.mce-tooltip
.mce-tooltip-inner
.mce-tooltip-inner
.mce-tooltip-inner
.mce-tooltip-arrow
.mce-tooltip-arrow-n
.mce-tooltip-arrow-s
.mce-tooltip-arrow-e
.mce-tooltip-arrow-w
.mce-tooltip-nw, .mce-tooltip-sw
.mce-tooltip-n .mce-tooltip-arrow
.mce-tooltip-nw .mce-tooltip-arrow
.mce-tooltip-ne .mce-tooltip-arrow
.mce-tooltip-s .mce-tooltip-arrow
.mce-tooltip-sw .mce-tooltip-arrow
.mce-tooltip-se .mce-tooltip-arrow
.mce-tooltip-e .mce-tooltip-arrow
.mce-tooltip-w .mce-tooltip-arrow
.mce-btn.mce-active, .mce-btn.mce-active:hover
.mce-primary
.mce-primary:hover, .mce-primary:focus
.mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button
.mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active
.mce-primary button, .mce-primary button i
.mce-btn-large button
.mce-btn-large i
.mce-btn-small button
.mce-btn-small i
.mce-btn-small .mce-caret
.mce-disabled .mce-caret
.mce-caret.mce-up
.mce-btn-flat
.mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active
.mce-rtl .mce-btn button
.mce-btn-group .mce-btn.mce-flow-layout-item
.mce-checkbox
i.mce-i-checkbox
.mce-checked i.mce-i-checkbox
.mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox
.mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox
.mce-rtl .mce-checkbox
.mce-rtl i.mce-i-checkbox
.mce-combobox
.mce-combobox input
.mce-combobox.mce-disabled input
.mce-combobox.mce-has-open input
.mce-combobox .mce-btn
.mce-combobox button
.mce-combobox.mce-disabled .mce-btn button
.mce-colorbox i
.mce-colorbutton .mce-ico
.mce-colorbutton-grid
.mce-colorbutton button
.mce-colorbutton .mce-preview
.mce-colorbutton.mce-btn-small .mce-preview
.mce-colorbutton .mce-open
.mce-colorbutton:hover .mce-open
.mce-colorbutton.mce-btn-small .mce-open
.mce-rtl .mce-colorbutton
.mce-rtl .mce-colorbutton .mce-preview
.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview
.mce-rtl .mce-colorbutton button
.mce-rtl .mce-colorbutton .mce-open
.mce-colorpicker
.mce-colorpicker-sv
.mce-colorpicker-h-chunk
.mce-colorpicker-overlay1, .mce-colorpicker-overlay2
.mce-colorpicker-overlay1
.mce-colorpicker-overlay2
.mce-colorpicker-selector1
.mce-colorpicker-selector2
.mce-colorpicker-h
.mce-colorpicker-h-marker
.mce-path .mce-txt
.mce-path .mce-path-body
.mce-path .mce-divider
.mce-disabled .mce-path-item
.mce-rtl .mce-path
.mce-fieldset
.mce-fieldset>.mce-container-body
.mce-fieldset-title
.mce-fit-layout
.mce-fit-layout-item
.mce-tinymce-inline .mce-flow-layout
.mce-rtl .mce-flow-layout
.mce-rtl .mce-flow-layout-item
.mce-rtl .mce-flow-layout-item.mce-last
.mce-iframe
.mce-label
.mce-label.mce-autoscroll
.mce-label.mce-disabled
.mce-label.mce-multiline
.mce-label.mce-error
.mce-rtl .mce-label
.mce-menubtn.mce-btn-small span
.mce-menubtn.mce-fixed-width span
.mce-menubtn.mce-fixed-width.mce-btn-small span
.mce-rtl .mce-menubtn button
.mce-listbox button
.mce-listbox .mce-caret
.mce-rtl .mce-listbox .mce-caret
.mce-rtl .mce-listbox button
.mce-menu-item
.mce-menu-item .mce-ico, .mce-menu-item .mce-text
.mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled .mce-ico
.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text
.mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico
.mce-menu-item.mce-disabled:hover
.mce-menu-shortcut
.mce-menu-shortcut
.mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut
.mce-menu-item .mce-caret
.mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret
.mce-menu-align .mce-menu-shortcut, .mce-menu-align .mce-caret
.mce-menu-item.mce-active i
.mce-menu-item-normal.mce-active
.mce-menu-item-preview.mce-active
.mce-menu-item-normal.mce-active .mce-text
.mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico
.mce-menu-item-normal.mce-active:focus .mce-text, .mce-menu-item-normal.mce-active:focus .mce-ico
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus
div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover
.mce-menu.mce-rtl
.mce-rtl .mce-menu-item
.mce-menu-align.mce-rtl .mce-menu-shortcut, .mce-menu-align.mce-rtl .mce-caret
.mce-rtl .mce-menu-item .mce-caret
.mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret
.mce-menu
.mce-menu i
.mce-menu-has-icons i
.mce-menu-sub-tr-tl
.mce-menu-sub-br-bl
.mce-menu-sub-tl-tr
.mce-menu-sub-bl-br
.mce-container-body .mce-resizehandle-both
.mce-spacer
.mce-splitbtn .mce-open
.mce-splitbtn:hover .mce-open
.mce-splitbtn button
.mce-splitbtn .mce-open
.mce-splitbtn .mce-open.mce-active
.mce-splitbtn.mce-btn-small .mce-open
.mce-rtl .mce-splitbtn
.mce-rtl .mce-splitbtn button
.mce-rtl .mce-splitbtn .mce-open
.mce-tabs
.mce-tab
.mce-tab:hover
.mce-tab.mce-active
.mce-rtl .mce-tabs
.mce-rtl .mce-tab
.mce-textbox
.mce-textbox:focus, .mce-textbox.mce-focus
.mce-placeholder .mce-textbox
.mce-textbox.mce-multiline
.mce-textbox.mce-disabled
.mce-rtl .mce-textbox
.mce-throbber
.mce-throbber-inline
.mce-btn-small .mce-ico
.mce-i-save:before
.mce-i-newdocument:before
.mce-i-fullpage:before
.mce-i-cut:before
.mce-i-paste:before
.mce-i-searchreplace:before
.mce-i-blockquote:before
.mce-i-link:before
.mce-i-unlink:before
.mce-i-anchor:before
.mce-i-image:before
.mce-i-media:before
.mce-i-help:before
.mce-i-code:before
.mce-i-insertdatetime:before
.mce-i-preview:before
.mce-i-forecolor:before
.mce-i-backcolor:before
.mce-i-table:before
.mce-i-hr:before
.mce-i-removeformat:before
.mce-i-subscript:before
.mce-i-superscript:before
.mce-i-charmap:before
.mce-i-emoticons:before
.mce-i-print:before
.mce-i-fullscreen:before
.mce-i-spellchecker:before
.mce-i-nonbreaking:before
.mce-i-template:before
.mce-i-pagebreak:before
.mce-i-restoredraft:before
.mce-i-untitled:before
.mce-i-underline:before
.mce-i-strikethrough:before
.mce-i-visualchars:before
.mce-i-visualblocks:before
.mce-i-ltr:before
.mce-i-rtl:before
.mce-i-copy:before
.mce-i-browse:before
.mce-i-pastetext:before
.mce-i-checkbox:before, .mce-i-selected:before
.mce-i-selected
i.mce-i-backcolor
Use normal CSS property names instead of vendor-prefixed ones (48)
skin.min.css
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset
"-webkit-box-sizing" is used, but "box-sizing" is supported.
.mce-widget button
"-webkit-box-sizing" is used, but "box-sizing" is supported.
.mce-tinymce
"-webkit-border-radius" is used, but "border-radius" is supported.
div.mce-tinymce-inline
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-scrollbar-thumb
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-scrollbar:hover, .mce-scrollbar.mce-active
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-floatpanel
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-floatpanel.mce-popover
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-window
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-foot
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-tooltip-inner
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-tooltip-inner
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn.mce-active, .mce-btn.mce-active:hover
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn:active
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn-large button
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-btn-flat
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-btn-group .mce-btn
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-btn-group .mce-first
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-btn-group .mce-last
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-btn-group .mce-first.mce-last
"-webkit-border-radius" is used, but "border-radius" is supported.
i.mce-i-checkbox
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-combobox
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-combobox.mce-has-open input
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-combobox .mce-btn
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-combobox.mce-disabled .mce-btn button
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-fieldset
"-webkit-border-radius" is used, but "border-radius" is supported.
.mce-menubar .mce-menubtn
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-menu
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-splitbtn .mce-open.mce-active
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-textbox
"-webkit-border-radius" is used, but "border-radius" is supported.
"-webkit-box-shadow" is used, but "box-shadow" is supported.
.mce-textbox:focus, .mce-textbox.mce-focus
"-webkit-box-shadow" is used, but "box-shadow" is supported.
|
С этим что то надо делать? Или это только для Chrome замечания? |
