图片和视频对网站访问速度的影响-大于二网络

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>图片和视频对网站访问速度的影响-大于二网络</title><meta name="keywords" content=""><meta name="description" content="今天我们来聊一下这个网站制作方面呢，怎么样让体验会更好，那么很多的一个同行在设计网站的时候呢，他往往会忽视两个点，那么第一个就是视频的尺寸。视频的大小，那么第二个点就是图片的尺寸跟大小，那么往往很多客..." ><meta name="author" content="广帆互动,www.guangfan.com"><meta name="copyright" content="广帆互动,www.guangfan.com" ><meta name="generator" content="guangfan.com" /><meta name="renderer" content="webkit"><meta property="og:image" content="https://www.guangfan.com/360logo.jpg"/><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" type="text/css" href="/Public/Gf2016/style/global.css?v=v5.175-23" /><link rel="stylesheet" type="text/css" href="/Public/Gf2016/style/index.css?v=v5.175-20190534" /><script type="text/javascript" src="/Public/Gf2016/js/jquery.min.js?v=v5.175"></script></head><body class="cbp-spmenu-push"><div class="neirong neirong-hide"><div class="neirong-bd"><a href="https://www.guangfan.com" >首页<i></i></a><a href="/cases/" >客户案例<i></i></a><a href="/website/" >企业网站建设<i></i></a><a href="/shop/" >外贸独立站<i></i></a><a href="/seo/" >SEO优化<i></i></a><a href="/wechat/" >小程序+APP开发<i></i></a><a href="/media/" >自媒体运营<i></i></a><a href="/company/" >关于<i></i></a><a href="/news/" >动态<i></i></a><a href="/consult/" >联系咨询<i></i></a></div><div class="neirong-close"></div></div><div class="content"><div class="gf-logo" alt="广州网站建设" ><h1><a href="/" title="广州网站建设公司"></a></h1><div class="gf-public"><nav class="gf-pnav"></nav></div></div><header class="gf-header gf-header-side"><div class="pfocus index_pfocus"><div class="focus"><img src="/Uploads/201912/5e06cbc1d2cac.jpg" alt="" id="case_show_banner" /></div></div><nav class="gf-pnav "><a href="https://www.guangfan.com" >首页<i></i></a><a href="/cases/" >客户案例<i></i></a><a href="/website/" >企业网站建设<i></i></a><a href="/shop/" >外贸独立站<i></i></a><a href="/seo/" >SEO优化<i></i></a><a href="/wechat/" >小程序+APP开发<i></i></a><a href="/media/" >自媒体运营<i></i></a><a href="/company/" >关于<i></i></a><a href="/news/" >动态<i></i></a><a href="/consult/" >联系<i></i></a></nav><div class="focus-text"><p class="p3">图片和视频对网站访问速度的影响</p></div><section class="buttonset"><div id="showLeftPush" class="buttonpush"></div></section></header></div><div class="gf-news-detail wrap"><div class="detail-hd clearfix"><div class="detail-hd-l fl"><div class="up twoTm"><p> 今天我们来聊一下这个网站制作方面呢，怎么样让体验会更好，那么很多的一个同行在设计网站的时候呢，他往往会忽视两个点，那么第一个就是视频的尺寸。视频的大小，那么第二个点就是图片的尺寸跟大小，那么往往很多客户其实他并不知道怎么样去录入这个啊，图片的大小，包括图片的质量啊，图片的质量大小。包括这个视频的一个大小，处理的一个尺寸，那么这在这种情况下呢，往往就会导致网站访问速度过慢，然后客户会认为是网站公建设公司的原因，确实没错，这个确实是网站公司没有标注好尺寸。没有给予用户一个完美的一个啊，上传维护文档造成的。 </p> <p> <br /> </p> <p> <p> <img src="/Uploads/202305/646c192e4c4e6.jpg" /> </p> </p> <p> <br /> </p> <p> 那么所以在网站制作方面呢，最核心的一点就是除了JS，除了这个代码简洁以外，那么还是需要做好很多的一个上传标注工作的，就是不要让客户啊。上传的东西过大或者过小啊，过大影响速度，过小影响访问体验，那么这个都是在网站制作过程当中必须要去注意的，所以老蔡我们在这个行业20年。那么前十年其实我们也是口头交代，那么近几年我们一直都是做的非常的完整，有维护文档啊，有制作标准，都是在客户的一个后台是可以看得见的。 </p></div></div><div class="detail-hd-r fr" id="detail-hd-r"><div class="news-tj"><div class="title">相关资讯</div><div class="list"><ul><li><a href="/news_se/show/4154.html"><div class="t1">移动端适配方法</div><div class="t3">日期：2018年10月16日浏览：7066</div></a></li><li><a href="/news_se/show/4640.html"><div class="t1">网站建设后不维护不更新的坏处？</div><div class="t3">日期：2020年09月26日浏览：5590</div></a></li><li><a href="/news_se/show/4301.html"><div class="t1">手机网站建设有关网站标志的设计与采用</div><div class="t3">日期：2019年06月28日浏览：3317</div></a></li><li><a href="/news_se/show/4030.html"><div class="t1">微信文章开头怎么写才能引起注意？</div><div class="t3">日期：2018年03月14日浏览：4905</div></a></li><li><a href="/news_se/show/4135.html"><div class="t1">移动网站建设所需要注意的问题有哪些？</div><div class="t3">日期：2018年08月20日浏览：4797</div></a></li><li><a href="/news_se/show/4577.html"><div class="t1">企业网站制作加强网络安全教育和管理力度</div><div class="t3">日期：2020年09月04日浏览：2455</div></a></li></ul></div></div><style> .news-tj { width:100%; background:#fff; } .news-tj .title { font-size:18px; line-height:24px; color:#c3c3c3; } .news-tj .list { margin-top:10px; } .news-tj .list li { border-bottom:1px dashed #ccc; padding-bottom:25px; margin-bottom:13px; } .news-tj .list li:last-child { margin-bottom:0; border-bottom:none; } .news-tj .list li a { width:100%; display:block; } .news-tj .list li .t1 { font-size:16px; line-height:50px; color:#222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-tj .list li:hover .t1 { color:#000; } .news-tj .list li .t2 { font-size:14px; line-height:24px; color:#666; margin-top:8px; } .news-tj .list li .t3 { font-size:14px; line-height:24px; color:#999; margin-top:7px; } @media (max-width: 1070px){ .news-tj { margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc; } } </style></div><script type="text/javascript" src="/Public/Gf2016/js/autofix_anything.js"></script><script> if($(window).width()>1070){ //$("#detail-hd-r").autofix_anything(); } </script></div><div class="gf-link-case clearfix"><a href="/news_se/show/4897.html" class="fr case-next" title="网站维护包含哪些内容？">下一个最新</a><a href="/news_se/show/4781.html" class="fl case-prev" title="哪家网站建设公司维护网站比较好？">上一个最新</a></div></div><script language="JavaScript" src="/index.php?m=Article&a=hits&id=4824"></script><section class="gf-demand" rel="/Ajax/addneeds.html" ><div class="wrap"><h2>获取您的项目定制及优化报价。</h2><div class="write"><input type="text" name="name" placeholder="称呼姓名" value="" class="text1" /><input type="text" name="mobile" placeholder="联系电话" value="" maxlength="11" class="text2" /><input type="text" name="content" placeholder="比如网站建设、小程序开发、APP开发..." value="" class="text3" /><div class='yzm'><input type="text" name="vcode" placeholder="验证码" value="" maxlength="6" class="text_code" /><img src="/Ajax/verify.html" class="smsbutton" onclick="this.src='/Ajax/verify.html';" /></div><input type="button" name="download_all" value="免费领取专属方案" class="submit" data-lock="false" data-url="" /></div><span class="italic">* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。</span></div></section><script type="text/javascript"> var countdown=60; function sendemail(){ var obj = $(".gf-demand").find('input[name="sendvcode"]'), mobile = $(".gf-demand").find('input[name="mobile"]').val(), truename = $(".gf-demand").find('input[name="name"]').val(), myreg=/^[1][3,4,5,7,8,9][0-9]{9}$/; if(obj.hasClass("gray")){ alert('?'); return false; }else if(truename.length < 2){ ZENG.msgbox.show('称呼姓名不少2个字符', 5, 1000);return false; }else if(!myreg.test(mobile)) { ZENG.msgbox.show('请输入正确的联系电话', 5, 1000);return false; } settime(obj); $.post("/Home/Index/getsmscode.html",{mobile,mobile}, function(data) { if(data.code == 0){ $('input[name="download_all"]').attr({'data-lock':"false"}); $('input[name="download_half"]').attr({'data-lock':"false"}); }else{ ZENG.msgbox.show('获取失败', 5, 1000);return false; } },'json'); } function settime(obj) { if (countdown == 0) { obj.attr('disabled',false).removeClass('gray').val("获取验证码"); countdown = 60; return; } else { obj.attr('disabled',true).addClass('gray').val("重新发送(" + countdown + ")"); countdown--; } setTimeout(function() { settime(obj) } ,1000) } $(document).on('click','.gf-demand input[name="download_all"]',function () { var _this = $(this), url = $(".gf-demand").attr('rel'), yourname = $(this).siblings('input[name="name"]').val(), mobile = $(this).siblings('input[name="mobile"]').val(), content = $(this).siblings('input[name="content"]').val(), vcode = $(this).siblings('.yzm').find('input[name="vcode"]').val(), lock = $(this).attr('data-lock'), downurl = $(this).attr('data-url'), fromlink = window.location.href; if(lock=='true'){ ZENG.msgbox.show('请填写完整信息', 5, 1000);return false; } else if(!yourname && !mobile && !vcode){ ZENG.msgbox.show('请填写完整信息', 5, 1000);return false; } else if(yourname == '称呼姓名' || mobile == '联系电话' || vcode == '验证码'){ ZENG.msgbox.show('请填写完整信息', 5, 1000);return false; } else if(downurl) { window.location.href=downurl; } $.post(url,{name:yourname,mobile:mobile,content:content,vcode:vcode,fromlink:fromlink},function(data){ if(data.r == 1){ $('input[name="download_all"]').attr({'data-url':data.download_all,'data-lock':"true"}); $(".gf-demand").find('input[type="text"]').val(''); ZENG.msgbox.show(data.msg, 4, 1000); if(_this.attr('name')=='download_all'){ window.location.href=data.download_all; } }else{ ZENG.msgbox.show(data.msg, 5, 1000); } },"json") }) </script><footer class="wrap gf-footer"><div class="contact clearfix"><div id="contactUs" class="clearfix"><div id="countrySelection" class="fl"><div id="countrySelection-wrapper"><ul id="countrySelection-items" style=""><li class="countrySelection-item footer-base"><i class="italic">大于二简述</i><p>09年成立的广州网站建设公司，</p><p>专注高端网站建设、网站制作设计&策划、</p><p>微信小程序开发、公众号开发，</p><p>网站优化推广等业务。</p></li></ul></div></div></div><div class="contact-main"><div class="contact-bd"><div class="main-dianhua fr clearfix"><div class="dianhua-l fl footer-base"><i class="italic">联系咨询</i><p>服务咨询 +86 158 7652 1776（蔡先生）</p><p>广州白云区太和镇北太路1633号</p><p>亿凯.创智汇B栋9楼907</p></div><div class="dianhua-r mobile-bottom fr"><div class="floating"><img src="/Uploads/202404/6613c2012a0f2.png" alt="微信二维码" style="width: 112px;height:auto;" /><p style="color: #7b7b7b; font-size: 12px; margin-top: 12px;">立即扫码 | 微信咨询</p></div></div></div></div></div></div><div class="foot clearfix"><div style="overflow:hidden;"><p class="foot-l fl">© 2009-2024 广州大于二网络营销策划有限公司.</p><div class="foot-r fr clearfix"><a href="/sitemap.xml" target="_blank"><span>站点地图</span></a><span><a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow">粤ICP备09191656号</a></span></div></div></div><style> .footlink{} .footlink span{ font-weight: 700; color:#666; margin-right: 10px;} .footlink a{ color:#666; margin-right: 10px;} </style></footer></div><div class="floating floating-hide"><a href="javascript:void(0);" class="float-wxqr"><span><img src="/Uploads/202404/6613c2012a0f2.png" alt="微信二维码"/></span></a><a href="tel:15876521776" class="float-phone" target="_blank"><span>15876521776</span></a><a href="javascript:void(0);" class="float-message"><span>免费获取诊断报告</span></a></div><div class="wxqr_mask"></div><div class="wxqr_bg"></div><script type="text/javascript" src="/Public/Gf2016/js/plug-in.js?v=v5.175"></script><script type="text/javascript"> $(window).on('load resize', function() { cases_loading(); }) function cases_loading(){ var width = $('.case-content li').width()/1.5; $('.case-content li a').css('height',width+'px'); $("img.lazy").delayLoading({ defaultImg: "/Public/Gf2016/images/loading_bg.png", errorImg: "", imgSrcAttr: "originalSrc", beforehand: 0, event: "scroll", duration: "normal", container: window }); } $(function () { var is_home = ''; if(/swan\//.test(window.navigator.userAgent) || /^webswan-/.test(window.name)){ $('.dianhua-r').css('display','none') if(is_home=='home'){ $('.floating').remove(); } } $(".float-message").click(function(event) { var paddingT =parseInt($(".gf-demand").css("paddingTop")); var paddingB =parseInt($(".gf-demand").css("paddingBottom")); var leaveH = $(".gf-demand").height(); var winH = $(window).height(); var leaveT = $(".gf-demand").offset().top; // var bodyH = leaveT-winH+leaveH+paddingT+paddingB; var bodyH = leaveT + paddingT; $("html,body").animate({scrollTop:bodyH}, 500); }); var t=setTimeout(function(){ $('.init-pop').addClass('tc'); }, 3000); $('.close-pop').click(function(){ $('.init-pop').removeClass('tc'); clearTimeout(t); }) $('.go-get').click(function(){ //$("html,body").animate({scrollTop:$('.gf-demand').offset().top-50}, 800); $('.init-pop').removeClass('tc'); clearTimeout(t); }) }); </script><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?548e30dc6c610c983ed98be3b89316ba"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></body></html>

CINXE.COM

图片和视频对网站访问速度的影响-大于二网络