- ベストアンサー
PageSpeed Insights ｃｓｓ問題
hok212の回答
こんにちは。 Noto Sans JP とは、Google Fonts（Webフォントサービス）で提供されているフォント名です。 参考URL https://fonts.google.com/specimen/Noto+Sans+JP?subset=japanese Noto Sans JPをLINKタグで読み込んでいるのではないでしょうか？
関連するQ&A
- 外部CSSファイルの読み込み位置
外部CSSファイルの読み込み位置について、GoogleのPageSpeed Insightsでは重要なスタイルのインライン化を推奨し、残りのスタイルを</html>タグの後に<link>タグを記述することで読み込んでいますが（参考URL参照）これはHTMLの文法的に問題はないのでしょうか。また、これによってCSSファイルが読み込まれないこともあるのでしょうか。 よろしくお願いします。 参考：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#header_1
- ベストアンサー
- HTML
- Webスクレイピングについて、これって違法ですか？
Octoparse というツールを使用して、pagespeed insights（ページの読み込み速度を計るサイト）を自動で動かすように設定して、データを抽出しました。 これって違法になるのでしょうか？
- ベストアンサー
- その他(ソフトウェア)
- CSSを多用すると遅くなる？
『スタイルシートを使いすぎると、ページ全体の動作速度が遅くなります。』 あるサイトで、こう書いているのを発見しました。 現在、CSSでページレイアウトを行っているのがほとんどなのですが、CSSでページレイアウトを行うと、テーブルで組むのよりも動作が遅くなってしまうのでしょうか？ それとも、インラインで書いていると遅くなる、という意味で、外部CSSとして読み込む分には問題ないのでしょうか。 ご教授よろしくお願いいたします。
- ベストアンサー
- HTML
- cssとhtmlについて
cssとhtmlについて cssの方にbackground:url(.....); で打ち込んだhtmlの直下に<img src="..." /> とバックグラウンドで指定した画像のさらに上に画像を設置しようとしたら、 <img src>の方の画像が読み取れませんでした。 これはなぜなんでしょうか？？ 解決策をご教授ください。
- ベストアンサー
- SE・インフラ・Webエンジニア
- CSSやJavaScriptの使用の法律問題
jQueryやJavaScriptで画像やテキストを自動で切り替える 方法の法律的な事について、今回お聞きしたく思います。 jQueryはCSSに属したプログラミング言語だと理解しています。 またJavaScriptもプログラミング言語で、ホームページなど でCSS同様に使われていると理解しています。 この「画像を自動的に切り替える」ためのCSS(jQuery)や JavaScriptを使用を考えているのですが、どのような 手続きを得た方が良いのか、お聞きしたく今回投稿しました。 具体的には、CSS(jQuery)やJavaScriptは知的財産に該当 する分野だとは認識しています。 常識的に、勝手に承諾を得ずに使用しても良くない、また 使用料の契約問題も発生するのではないかと思っています。 CSS(jQuery)の使用については開発者に承諾を得ればよい とか、JavaScriptの使用については、承諾を得て、かつ使用 料の問題も発生すると言った具体的な事をお聞きしたく思い ます。 CSS(jQuery)やJavaScriptの使用について、深くご存じの方に お聞きしたく思います。
- ベストアンサー
- ホームページ作成ソフト
- ページ表示速度サイト表示速度について
タイトル通りなのですが、 同じブログのURLをGoogleが提供するサイト分析サイト 【PageSpeed Insights】 http://developers.google.com/speed/pagespeed/insights/ で、 評価をしてみました。 ブラウザによって、 評価点がまったく異なるのですがなぜなのでしょうか？ HTMLやCSSなどの構造は同じなのに…。 なぜかわからないのですが、 ブラウザによって評価点が異なることってあるのでしょうか？ 使用したブラウザは、 ChromeとIE11です。 Chromeだと80点くらいですが、 IE11だと57点や58点です。 何卒ご教授お願い申し上げます。
- 締切済み
- CSS
- F5などで更新すると、画像やCSSが崩れたりして、動作が安定しない
表題の件で質問させてください。 現在、WEBサイトの制作を行っており、ローカルの自分のPCの環境で確認した場合は、画像もCSSも指定どおりの表示になるのですが、サーバーにアップすると、うまく指定が効いていない場合があります。 「場合がある」というのは、F5などで更新すると、たまに正常に表示させる事があると言うことです。 F5で画面の更新を続けていると、画像が表示されたり、されなかったり。 CSSが一部効いたり、効かなかったり・・・ と、かなり表示が不安定な状態になります。 ローカルと同じように正常に表示される事もあるので、パスが間違っている事はないとは思いますし、キャッシュ等をクリアしてからでも、事象が改善はされません。 ネットで調べようにも、何を調べればいいのか検討も着きませんでした。 どなたか、解決策をご教授願えませんでしょうか。 宜しくお願い致します。
- ベストアンサー
- HTML
- DreamweaverのCSSで
Dreamweaverを利用して、サイトを作っております。現在大きなサイトの一部分を任せられており、すでにできあがっているテンプレートにデータの流し込み作業をしています。 このサイト全体がバリバリにCSSで設計されていて、未だにテーブルレイアウトをしている私には分からないことが山盛り。とりあえず預かってきたファイルを開いてみたところ、デザイン画面が真っ黒なのです。所々見えるところもあるのですが、CSSで「画像＋文字」ではき出す設定になっている部分が真っ黒になってしまっているのです。 DreamweaverでCSSを扱う際、なにか特別な環境設定が必要なのでしょうか？おそらくじっくりと調べれば、何らかの解決方法があるのでしょうが、締切が迫っている仕事なため、とても焦っております。 当方、MacでDreamweaverはSTUDO MXを使っています。 是非アドバイスをお願いします。
- 締切済み
- 在宅ワーク・SOHO
- CSSでテーブルのように画像を均等表示させるには？
お世話になります。CSS初心者です。 もしかしたらweb制作者様にとっては簡単なことかもしれませんが、いろいろ調べてもよく理解できなかったので、どうか教えてください。 添付画像のようなレイアウトでサイト制作しています。 このように#rightbox内に10の画像を均等に表示させたいと思っています。 かつてテーブルタグといったものが使われていましたが、現在テーブルは推奨できないということで、外部CSSファイルでレイアウト表示させたいと考えています。 このようなレイアウトで表示させる場合、どのようなCSSの記述が好ましいでしょうか。 参考書などで調べたところ<ul>と<li>要素を使用するのが一般的だということでしたが、正直よく分かりませんでした。どうかご教授お願いします。 ちなみにこの画像のリストはクリックするとThickboxで大きな画像が表示されるようにしたいです。
- ベストアンサー
- HTML
- CSSレイアウトによる環境別不具合
最近やっと完全スタイルシートによるコーディングの勉強を初めました そこで早速環境別のバグの壁にぶち当たってしまいました＞＜ 内容は「flortさせた子要素の親ボックスの背景色(背景画像)が表示されない事です。」 過去ログを色々探ってみたのですが色々な方法があり「CSS clearfixハッ ク」を使用した例や<div style="clear:both;"></div>を使用した例があり試してみたのですがどれも納得のいく解決方法ではありませんでした。 私的な希望としては -------------------------------------------------- Win→IE/Fire Fox/NN/Opera/Safari/バージョンは 最新のものから1つ前位まで問題なく表示 Mac→IE/Fire Fox/Safari/バージョンは最新のものから 1つ前位まで問題なく表示 ドリームウィーバー上でのプレビューでもレイアウト崩れしない ジャバスクリプトやCSSハックを使ってのCSSの振り分けは極力避けたい -------------------------------------------------- 以上の条件をクリアーできるような解決方法を探しています。 どなたかアドバイスをいただけると助かります。 下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。 余談ですがこの手のバグで一般的に一番ベストな解決方法はどんな方法なのでしょうか？？ ■HTML http://sangoclip.web.fc2.com/test/ ■CSS(レイアウト用) http://sangoclip.web.fc2.com/test/shared/css/default.css ■CSS(デフォルトCSSクリアー用) http://sangoclip.web.fc2.com/test/shared/css/reset.css
- ベストアンサー
- CSS