ホームページ制作者のページに対してスピードが遅い解決方法をまとめました。
インターネットの帯域幅はますます広くなり、ページのロード速度は質の飛躍を得たようです。実はそうではないです。帯域幅が高くなるにつれて、ウェブサイトのオブジェクトも増えてきます。だから、ウェブページのスピードを速めるのはまだ重要な課題です。ウェブページのオープンスピードを速めて、3つのパスがあります。1つはネットワークの帯域幅を高めること、もう1つはユーザーが本機で最適化すること、3つはウェブサイトの設計者がウェブページに対して一定の最適化をすることです。この文章はウェブサイトの設計者の立場に立って、ウェブページのロード速度を最適化するためのテクニックを共有します。一、最適化された写真はほとんどないです。どのページに写真がないですか?56 K猫の時代を経験したら、大量の画像があるサイトはきっと好きではないと思います。そのようなホームページを読み込むのに時間がかかります。今でも、ネットワークの帯域幅が多くなりました。56 K猫はだんだんフェードアウトして、ウェブページのスピードを上げるために写真を最適化する必要があります。画像の最適化には、ピクチャ数の減少、画質の低下、適切なフォーマットの使用が含まれています。1、写真の数を減らす:不要な写真を取り除く。2、画質を下げる:必要がないなら、画像の品質を下げてみてください。特にjpgフォーマットでは、5%の品質を下げるのは大きくないように見えますが、ファイルサイズの変化は比較的大きいです。3、適切なフォーマットを使用する:次の点を参照してください。だから、写真をアップロードする前に、写真を編集する必要があります。photoshopが面倒くさいと思ったら、オンライン写真編集ツールを試してみてもいいです。編集を怠けていますが、写真には特別な効果がありますか?javascriptを呼び出して画像の効果を実現してみてもいいです。二、画像フォーマットの選択は、一般的にウェブページで使用される画像フォーマットの3種類があります。jpg、png、gif。3つの形式の具体的な技術指標はこの文章の検討内容ではなく、いつどのようなフォーマットを使うべきかを知るだけで、ページの読み込み時間を減らすことができます。1、JPG:一般的に風景、人物、芸術写真を展示する撮影作品に用いられます。パソコンのスクリーンショットに使うこともあります。2、GIF:提供する色が少ないです。色に対する要求が高くないところに使えます。例えば、ウェブサイトのロゴ、ボタン、表情など。もちろん、gifの重要な応用は動画像です。Lunapicで作った写真のようです。3、PNG:PNGフォーマットは透明な背景を提供することができ、ウェブページの展示のために発明された画像フォーマットである。背景の透明な表示が必要な場合や、画像の品質に対する要求が高いページに使用されます。三、CSS CSSの積層パターン表を最適化し、ウェブページをより効率的にロードさせ、閲覧体験も向上させる。CSSがあって、表のレイアウトの方式は定年退職できます。しかし、私たちはCSSを書く時に、いくつかの比較的にくどい語句を使いました。例えば、この文:以下は引用の内容です。margin-top: 10 px;magin-right: 20 px;magin-bottom: 10 px;magin-left: 20 px; それを簡単にしてもいいです。margin: 10 px 20 px 10 px 20 px;以下は引用の内容です。 クラス=「decorated」A paragraph 保存先 decorated text
1 2 次のページ 全文を読む
divで含めることができます。以下は引用の内容です。 class=「decorcated」>
A paragraph 保存先 decorated text
Second paragraph
Third paragraph
Forth paragraph
CSSを簡略化することで、冗長性の属性を除去し、運転効率を向上させます。もしCSSを書いたら、簡略化するのがおっくうです。例えば、Cleean CSSなど、オンラインの簡素化CSSツールを使ってもいいです。四、ウェブサイトの後に斜め棒をつけてあるウェブサイト、例えば「wwww.kenengba.com/220」というように、サーバーがこのような住所の要求を受けると、この住所のファイルタイプを確定する時間がかかります。220がカタログであれば、ウェブサイトの後にもう一つのスラッシュを追加して、wwww.kenengba.com/220/にしてください。そうすると、サーバーはこのディレクトリにアクセスするindexまたはdefaultファイルを一目でわかるようになり、ロード時間を節約できます。1 2 次のページ 全文を読む